使用jQuery

Question

Mootools的奇怪的錯誤衝突嘗試運行下面的代碼：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<script> b = jQuery.noConflict(true); </script> 

<script src="http://ajax.googleapis.com/ajax/libs/mootools/1.2.3/mootools-yui-compressed.js"></script> 
<script> 
    (function($){ 
    $.a = function(){ 
     var x = []; 
     for (l in x){ 
     console.log(l); 
     } 
    }; 
    })(b); 

    b.a(); 
</script> 

即使x是空的，在console.log你會看到一些值。這是爲什麼發生？我的智慧結束了。

有人可以請建議如何解決這個問題。

Answer 1

MooTools的嚴重extends的Array.prototype，而你是一個for...in聲明迭代的數組。

此聲明用於迭代對象屬性，對於陣列，推薦使用傳統的for或while循環。

爲什麼？，因爲for...in語句會像您注意到的那樣爬上原型鏈，同樣因爲迭代順序是任意的，所以遍歷數組可能無法訪問數字順序中的元素。

但是，如果您仍想使用此語句進行迭代，則可以在循環內進行檢查，以確保您將迭代的屬性直接存在於對象上，而不是原型鏈上的某處，使用hasOwnProperty功能：

var x = []; 
for (l in x){ 
    if (x.hasOwnProperty(l)) { 
    console.log(l); 
    } 
}