日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間:8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
JavaScript使用for循環(huán)時(shí)出現(xiàn)的問題

這個(gè)問題的討論最初來自公司內(nèi)部郵件,我只是把這個(gè)問題的討論內(nèi)容記錄下來。

有一些項(xiàng)目組在定位問題的時(shí)候發(fā)現(xiàn),在使用“for(x in array)”這樣的寫法的時(shí)候,在IE瀏覽器下,x出現(xiàn)了非預(yù)期的值。

具體說,如果自定義了Array.prototype.indexOf方法(譬如源于某prototype污染),也許是因?yàn)槔习姹綢E瀏覽器并不支持array.indexOf方法,而開發(fā)者又很想用,那么這樣的瀏覽器可能會(huì)出現(xiàn)這樣的問題:

 
 
 
 
  1. Array.prototype.indexOf = function(){...};
  2. var arr = [1, 2];
  3. for (x in arr) console.log(x);

//會(huì)輸出

 
 
 
 
  1.    1
  2. 2
  3. function(){…}

換句話說,把indexOf這個(gè)方法給輸出出來了。

解決方法很簡單,要么別添加這個(gè)方法,要么用“for (i=0; i < array.length; i++)”這樣的循環(huán)等等。

但是問題的本質(zhì)呢?有人猜測,可能是因?yàn)閒or(x in obj)這種用法其實(shí)是去遍歷一個(gè)對象,而array的實(shí)現(xiàn)其實(shí)也和普通的object一致,只不過key是既定的數(shù)值而已:

 
 
 
 
  1. {0:"something", 1:"something else"} 

在一則stackoverflow的問答里面也提到了,遍歷數(shù)組的時(shí)候用for…in和for(;;)的區(qū)別,前者的含義是枚舉對象的屬性,存在這樣兩個(gè)問題:

  • 枚舉的順序無法被保證;
  • 繼承屬性也被枚舉出來;

在對Array.prototype.forEach的支持上,從這張表中也可以明確看到,IE8及以下版本是無法準(zhǔn)確支持的:

這里還有對forEach方法兼容性的詳細(xì)闡述。事實(shí)上,主要的JavaScript框架(比如jQuery、Underscore和Prototype等等)都有安全和通用的for-each功能實(shí)現(xiàn)。

在JSLint的for in章節(jié)里面也提到,for in語句允許循環(huán)遍歷對象的屬性名,但是也會(huì)遍歷到那些通過原型鏈繼承下來的屬性,這在很多情況下都會(huì)造成預(yù)期以外的錯(cuò)誤。有一種粗暴的解決辦法:

 
 
 
 
  1. for (name in object) { if (object.hasOwnProperty(name)) { .... } } 

還有人提到了使用for(var i=0;i

 
 
 
 
  1. for(let i =0; i < a.length; i++)

最后,在Google的JavaScript風(fēng)格導(dǎo)引里面,也涉及到了這個(gè)約束:

 
 
 
 
  1. for-in loop:
  2. Only for iterating over keys in an object/map/hash

分享題目:JavaScript使用for循環(huán)時(shí)出現(xiàn)的問題
文章轉(zhuǎn)載:http://www.5511xx.com/article/cdjdsod.html