JavaScript의 'name' 변수가 객체와 함께 사용될 때 브라우저마다 다르게 동작하는 이유는 무엇입니까?

Windows 변수 'name'은 개체와 다르게 동작합니다

JavaScript에서 예약된 이름 'name'으로 변수를 정의하면 개체 작업 시 예기치 않은 동작이 발생할 수 있습니다.

다음 스니펫에서 Chrome은 다른 코드와 다르게 동작합니다. browsers:

var name = {};
name.FirstName = 'Tom';
alert(name.FirstName); // undefined in Chrome, 'Tom' in IE/Firefox

이 예외는 'name'이 브라우저 창 개체에서 특별한 목적을 갖기 때문에 발생합니다. IE와 Firefox는 'name'을 속성을 보유할 수 있는 일반 객체로 취급하는 반면 Chrome은 이를 기본 문자열로 해석하여 그에 따라 캐스팅합니다.

결과적으로 'name' 변수에 객체를 할당합니다(var name = {}) window.name 속성을 문자열 값 "[object Object]"로 암시적으로 설정합니다. 이 변환은 예상되는 개체 동작을 중단하여 다음과 같이 'name'에 대한 속성을 설정하거나 액세스하는 것을 불가능하게 만듭니다.

alert(name); // "[object Object]"

이 문제를 방지하려면 'name'을 사용하지 않는 것이 좋습니다. 특히 객체로 작업할 때 전역 변수 이름으로 사용됩니다. 또는 다른 변수 이름을 사용하거나 이름 충돌을 피하기 위해 네임스페이스 사용을 고려할 수 있습니다.

위 내용은 JavaScript의 'name' 변수가 객체와 함께 사용될 때 브라우저마다 다르게 동작하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!