자바 스크립트 : 다른 행동 브라켓 표기법

Question

대 점 표기법을 사용하여이 자바 스크립트는

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

경고 "true"로 니펫을. 그러나

,이 조각

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

경고 "거짓".

여기에 무슨 일이 일어나고 있습니까?

는 (나는 거기에 다른 자바 스크립트 코드와 HTML 페이지 내부의 최신 크롬 브라우저에서이 코드를 실행하고 있습니다.)

업데이트

@elusive 영리하게 자신의 의견에 요약으로 아래에서 나는 실수로 window.x과 window[x]이 동일한 것으로 가정합니다. 그건 맞지 않아. window.x은 window["x"]과 같습니다.

Answer 1

전역 객체의 undefined 속성이 어떤 ECMAScript를 3 기반 구현에 변경할 수 있기 때문에입니다 발생하는 동작을. (최신 Chrome 버전은 ES5를 구현하고 있지만이 동작은 여전히 ​​존재합니다).

이의 두 번째 조각을 살펴 보자 다음 foo 속성이 존재하지 않기 때문에

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

x 변수는 undefined 값을 개최한다. 당신이 window.x = null를 할당 할 때

이

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

(첫 번째 조각에서, 당신은 window 객체에 "x"라는 이름의 속성을 만드는 : window[x] = null을 할당하여

, 당신은 undefined 속성 값을 무시하고 있습니다.두 번째 조각에 따라서)

()를 undefined 속성이 null를 개최하고, window.bar 생산됩니다 undefined :

undefined 속성은 그의 친구와 함께 ECMAScript를 3, (에 { ReadOnly }로서 지정되어 있지 않은

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

NaN, Infinity).

ECMAScript 5에서이 내용이 변경되었으므로 해당 속성은 쓰기 가능 파일로 설명됩니다.

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 

바로 여기에서 x을 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 

여기

당신은 윈도우 객체에 key로 사용하여 속성을 설정하고 있습니다. 어떤 열쇠입니까? 자, x의 값에 따라 다릅니다. x이 bar이면 일 때 x이 blub이면 window.blub = null이됩니다.

이에 대한 자세한 정보는 MDC까지 머리를해야 :
https://developer.mozilla.org/en/JavaScript/Reference/Operators/Member_Operators