javascript가 객체의 존재를 결정하는 방법에 대한 메소드 인스턴스 요약

Javascript 언어의 디자인은 충분히 엄격하지 않으며 주의하지 않으면 여러 곳에서 실수가 발생할 수 있습니다. 전역 객체 myObj가 존재하는지 확인해야 합니다. 존재하지 않으면 선언하세요. 자연어로 기술된 알고리즘은 다음과 같습니다.

if (myObj不存在){ 
　　　　声明myObj; 
　　}

이 코드를 작성하는 것이 쉽다고 생각할 수도 있습니다. 그러나 실제로 관련된 문법적 문제는 우리가 상상하는 것보다 훨씬 더 복잡합니다. Javascript 언어의 구현 세부 사항에 대해 매우 명확한 경우에만 둘 사이의 차이점을 알 수 있습니다.

첫 번째 작성 방법
직관에 따르면 다음과 같이 작성할 수 있다고 생각할 수도 있습니다.

if (!myObj) { 
　　　　myObj = { }; 
　　}

그러나 이 코드를 실행하면 브라우저에서 직접 ReferenceError 오류가 발생하여 작업이 중단됩니다. 무슨 일이야?
그런데 if 문에서 myObj가 비어 있는지 확인하면 이 변수가 아직 존재하지 않으므로 오류가 보고됩니다. 다음과 같이 변경하면 정상적으로 실행됩니다.

if (!myObj) 
{ 　　　　
   var myObj = { }; 　　
}

var를 추가했는데 왜 오류가 없나요? 이 경우 if 문이 판단을 내릴 때 myObj가 이미 존재하는 것이 아닐까요?
이 질문에 대답하려면 Javascript 인터프리터가 어떻게 작동하는지 알아야 합니다. Javascript 언어는 "먼저 구문 분석한 후 실행"입니다. 구문 분석 중에 변수 선언이 완료되었으므로 위 코드는 실제로 다음과 같습니다.

var myObj; 
　　if (!myObj) { 
　　　　var myObj = { }; 
　　}

따라서 if 문을 사용하여 판단하면 myObj가 이미 존재합니다. 이므로 오류가 보고되지 않습니다. 이는 var 명령의 "코드 호이스팅" 효과입니다. Javascript 인터프리터는 var 명령으로 정의된 변수만 "승격"하고 var 명령을 사용하지 않고 직접 할당된 변수에서는 작동하지 않습니다. 이것이 var가 추가되지 않으면 오류가 보고되는 이유입니다.

두 번째 작성 방법
var 명령 외에도 올바른 결과를 얻을 수 있는 또 다른 재작성이 있습니다.

if (!window.myObj) { 
　　　　myObj = { }; 
　　}

window는 JavaScript의 최상위 개체이며 모든 전역 변수는 해당 속성입니다. 따라서 myobj가 비어 있는지 확인하는 것은 창 개체에 myobj 특성이 있는지 확인하는 것과 동일합니다. 이렇게 하면 myObj가 정의되지 않기 때문에 ReferenceError 오류를 피할 수 있습니다. 그러나 코드 표준화 측면에서 볼 때 두 번째 줄에 var를 추가하는 것이 좋습니다:

if (!window.myObj) { 
    var myObj = { }; 
}

또는 다음과 같이 작성합니다: (예: V8, Rhino), window는 최상위 개체가 아닐 수 있습니다. 따라서 다음과 같이 다시 작성하는 것이 좋습니다.

if (!window.myObj) { 
   window.myObj = { }; 
}

전역 변수 수준에서 this 키워드는 항상 최상위 변수를 가리키므로 다양한 운영 환경에 독립적일 수 있습니다.
네 번째 쓰기 방법

그러나 위의 쓰기 방법은 가독성이 떨어지고 this의 포인터가 변수이고 오류가 발생하기 쉬우므로 추가로 다시 작성합니다.

if (!this.myObj) { 
　　　　this.myObj = { }; 
　　}

사용자 정의 변수 global을 사용하여 상단을 나타냅니다. 훨씬 더 명확한 수준의 개체입니다.
다섯 번째 작성 방법

또한 typeof 연산자를 사용하여 myObj가 정의되었는지 확인할 수도 있습니다.

var global = this; 
　　if (!global.myObj) { 
　　　　global.myObj = { }; 
　　}

이것은 현재 JavaScript 개체가 존재하는지 확인하는 데 가장 널리 사용되는 방법입니다.
6번째 쓰기 방법

myObj의 값은 정의되었지만 할당되지 않은 경우 정의되지 않은 값과 동일하므로 위의 쓰기 방법은 단순화될 수 있습니다.

if (typeof myObj == "undefined") { 
　　　　var myObj = { }; 
　　}

여기서 주목해야 할 두 곳이 있습니다. 먼저 두 번째 줄은 var 키워드가 누락될 수 없습니다. 그렇지 않으면 ReferenceError가 발생합니다. 두 번째로, 여기서 비교되는 문자열 "undefined"가 아니라 undefed의 데이터 유형이 비교되기 때문에 작은 따옴표나 큰 따옴표를 추가할 수 없습니다.
7번째 쓰기 방법

위의 쓰기 방법은 "정확한 비교"의 경우에도 여전히 적용됩니다(===):

if (myObj == undefined) { 
　　　　var myObj = { }; 
　　}

8번째 쓰기 방법
자바스크립트의 언어 설계에 따르면 , undefine == null, 따라서 myObj가 null인지 비교하는 것도 올바른 결과를 얻을 수 있습니다.

if (myObj === undefined) { 
　　　　var myObj = { }; 
　　}

그러나 실행 결과는 정확하지만 의미상으로는 이 판단 방법이 잘못되었으므로 피해야 합니다. null은 null 값이 할당된 빈 개체, 즉 이 개체가 실제로 값을 갖는 개체를 참조하고, undefined는 존재하지 않거나 값이 할당되지 않은 개체를 참조하기 때문입니다. 따라서 여기서는 "비교 연산자"(==)만 사용할 수 있습니다. 여기서 "정확한 비교 연산자"(===)를 사용하면 오류가 발생합니다.
9번째 작성 방법

in 연산자를 사용하여 myObj가 최상위 개체의 속성인지 확인할 수도 있습니다.

if (myObj == null) { 
　　　　var myObj = { }; 
　　}

10번째 작성 방법
마지막으로 hasOwnProperty 메서드를 사용하여 확인합니다. myObj가 최상위 개체의 속성인지 여부 속성:

if (!('myObj' in window)) { 
　　　　window.myObj = { }; 
　　}

Summary

1. 개체가 존재하는지 여부만 확인하는 경우 다섯 번째 작성 방법을 사용하는 것이 좋습니다. 2. 객체 존재 여부 외에도 객체에 null 값이 있는지 확인해야 하는 경우 첫 번째 작성 방법을 사용하는 것이 좋습니다.
3. 특별한 사정이 없는 한 모든 변수는 var 명령어를 사용하여 선언해야 합니다.

4. 크로스 플랫폼을 위해서는 최상위 객체를 표현하기 위해 창을 사용하지 않는 것이 좋습니다.

5. Javascript 언어에서는 null과 정의되지 않음이 혼동되기 쉽습니다. 둘 다 관련될 수 있는 경우 "정확한 비교" 연산자(===)를 사용하는 것이 좋습니다.

위 내용은 javascript가 객체의 존재를 결정하는 방법에 대한 메소드 인스턴스 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!