JavaScript에서 'name'이라는 전역 변수를 사용하면 예기치 않은 동작이 발생하는 이유는 무엇입니까?

JavaScript 객체에서 "이름"의 흥미로운 사례

JavaScript 객체로 작업할 때 전역 변수를 사용할 때 예상치 못한 동작이 발생할 수 있습니다. "name"이라는 변수입니다. 이 변수는 다양한 상황에서 고유한 의미를 갖습니다.

다음 코드 조각을 고려하세요.

var name = {};
name.FirstName = 'Tom';
alert(name.FirstName);
alert(name); // Weird value

Chrome에서 Alert(name.FirstName)는 정의되지 않은 값을 반환하지만 IE에서는 예상대로 작동합니다. 그리고 파이어폭스. 또한, Alert(name)은 이상한 값을 생성하여 해당 동작에 대한 의문을 제기합니다.

이 문제의 원인은 JavaScript의 전역 범위에서 "name" 속성의 특별한 역할에 있습니다. window.name 속성은 현재 창이나 프레임의 이름을 나타내는 문자열로 사용됩니다. "name"이라는 전역 변수를 생성할 때 암시적으로 window.name을 문자열로 설정하여 본질적으로 특수 값을 덮어씁니다.

나중에 name.FirstName에 액세스하려고 하면 다음에서 속성을 검색하려고 시도합니다. 객체가 아닌 기본(문자열)이므로 정의되지 않습니다. 이 동작은 전역 "name" 변수를 문자열로 캐스팅하여 window.name의 의도된 목적을 강제하는 Chrome에만 해당됩니다.

이 문제를 방지하려면 "name"을 전역 변수로 사용하지 마세요. 예상치 못한 결과를 초래할 수 있기 때문입니다. 이 변수를 피함으로써 코드가 다양한 브라우저에서 일관되게 작동하도록 할 수 있습니다.

위 내용은 JavaScript에서 'name'이라는 전역 변수를 사용하면 예기치 않은 동작이 발생하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!