JavaScript: comportement différent lorsque vous utilisez la notation de points par rapport à la notation support

Question

Cet extrait de code JavaScript

var x = window.foo; 
window.x = null; 
alert(window.bar === undefined); 

alertes "true".

Cependant, cet extrait

var x = window.foo; 
window[x] = null; 
alert(window.bar === undefined); 

alertes "false".

Que se passe-t-il ici?

(je suis en cours d'exécution de ce code dans le dernier navigateur Chrome dans une page HTML sans autre code JavaScript il.)

Mise à jour

Comme @elusive habilement résumée dans son commentaire ci-dessous, j'ai supposé que window.x et window[x] sont équivalents. Ce n'est pas correct. window.x est équivalent à window["x"].

Answer 1

Le comportement que vous rencontrez est parce que la propriété undefined de l'objet global, est mutable sur toute implémentation basée sur ECMAScript 3. (les dernières versions de Chrome implémentent ES5, mais ce comportement est toujours présent).

Examinons le second extrait:

var x = window.foo; 
window[x] = null; 
alert(window.bar === undefined); 

La variable x tiendra la valeur undefined, puisque la propriété foo n'existe pas.

En attribuant window[x] = null, vous êtes Redéfinition de la valeur de la propriété undefined:

window[x] = null; // is equivalent to 
window['undefined'] = null; // or 
window.undefined = null; // 

(Dans votre premier extrait, lorsque vous attribuez window.x = null, vous créez une propriété nommée "x" sur l'objet window.)

Par conséquent (dans votre deuxième extrait), la propriété undefined tiendra null et window.bar produira undefined:

alert(window.bar === undefined); // false 
alert(undefined === null); // false 

La propriété undefined n'a pas été spécifié comme { ReadOnly } sur ECMAScript 3, (en même temps avec ses amis NaN, Infinity).

Cela a changé dans ECMAScript 5, ces propriétés sont décrites comme non-inscriptibles.

Answer 2

var x = window.foo; // set the local variable x to the contents of window.foo 
window.x = null; // set property x on window to null 

Ici, vous définissez directement la propriété x sur null.

var x = window.foo; // set the local variable x to the contents of window.foo 
window[x] = null; // set they key with the value of x to null 

Ici vous définissez une propriété en utilisant comme un key sur l'objet de la fenêtre. Quelle est la clé? Eh bien cela dépend de la valeur de x, si x est bar vous ferez effectivement window.bar = null si x est blub vous ferez window.blub = null.

Pour plus d'informations sur ce que vous devez diriger vers MDC:
https://developer.mozilla.org/en/JavaScript/Reference/Operators/Member_Operators