Mootools étrange conflit bug avec jQuery

Question

Essayez de lancer le code ci-dessous:

<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> 

Même si x est vide, en console.log vous verrez des valeurs. Pourquoi cela arrive-t-il? Suis à la fin de mon esprit.

Quelqu'un peut-il suggérer comment résoudre ce problème.

Answer 1

MooTools fortementextends le Array.prototype, et vous itérer votre tableau avec une déclaration for...in.

Cette déclaration est faite pour parcourir les propriétés d'un objet. Pour les tableaux, une boucle for ou while est recommandée.

Pourquoi? car l'instruction for...in explore la chaîne du prototype comme vous l'avez remarqué, car l'ordre d'itération est arbitraire, l'itération sur un tableau peut ne pas visiter les éléments dans l'ordre numérique. Toutefois, si vous souhaitez toujours répéter cette instruction, vous pouvez effectuer une vérification à l'intérieur de la boucle pour vous assurer que les propriétés que vous allez itérer sont présentes directement sur l'objet, et non quelque part sur la chaîne du prototype, en utilisant le hasOwnProperty fonction:

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