자바스크립트 객체가 존재하는지 확인하는 10가지 방법

JavaScript 객체가 존재하는지 확인하는 방법은 여러 가지가 있습니다. 그러나 Javascript 언어의 구현 세부 사항을 매우 명확하게 알고 있는 경우에만 둘 사이의 차이점을 알 수 있습니다. JavaScript 개체가 존재합니다.
Javascript 언어의 디자인은 충분히 엄격하지 않으며 주의하지 않으면 많은 문제가 발생할 수 있습니다.
예를 들어 다음과 같은 상황을 생각해 보세요.
전역 개체 myObj가 존재하는지 확인합니다. 존재하지 않는 경우에는 선언하면 됩니다. 자연어로 설명된 알고리즘은 다음과 같습니다.
if (myObj가 존재하지 않음) { 선언 myObj; Juriy Zaytsev는 매우 명확한 경우에만 Javascript 객체가 존재하는지 확인하는 방법이 50가지 이상 있다고 지적했습니다. 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가 비어 있는지 확인하는 것은 window 객체에 myobj 속성이 있는지 확인하는 것과 같습니다. 이는 정의되지 않음으로 인한 ReferenceError 오류를 방지할 수 있습니다. myObj. 그러나 코드의 표준화상 두 번째 줄에 var:
if (!window.myObj)
{ var myObj = { }
을 추가하거나 작성하는 것이 가장 좋습니다.
if (!window.myObj)
{ window.myObj = { } }
세 번째 작성 방법
위 작성 방법의 단점은 일부 운영 환경에서는 (예: V8, Rhino) window는 최상위 개체가 아닐 수 있습니다.
if (!this.myObj)
{ this.myObj = { } }

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

네 번째 작성 방법
그러나 위의 작성 방법은 가독성이 낮습니다. this의 포인터는 가변적이며 오류가 발생하기 쉽습니다.
var global = this; global .myObj)
{ global.myObj = { }; }
최상위 객체를 나타내려면 사용자 정의 변수 global을 사용하는 것이 훨씬 더 명확합니다.
다섯 번째 작성 방법
할 수 있습니다. 또한 typeof 연산자를 사용하여 myObj가 정의되었는지 여부를 결정합니다.
if (typeof myObj == "undefine")
{ var myObj = { } }
이것은 현재 가장 널리 사용되는 방법입니다. 자바스크립트 객체가 존재합니다.

를 작성하는 여섯 번째 방법은 정의되었지만 할당되지 않은 경우 myObj의 값이 정의되지 않은 것과 직접 동일하다는 것입니다. 위의 작성 방법은 다음과 같이 단순화될 수 있습니다.
if ( myObj == undefine)
{ var myObj = { } ; }
여기서 두 가지 사항에 유의해야 합니다. 두 번째 줄의 var 키워드는 누락될 수 없습니다. 그렇지 않으면 ReferenceError가 발생합니다. 여기서 비교되는 것은 undefound라는 문자열이 아닌 데이터 유형입니다.
일곱 번째 쓰기 방법
위의 쓰기 방법은 여전히 ​​유효합니다. "정확한 비교"(===):
if (myObj === undefine)
{ var myObj = { } }
8번째 쓰기 방법
언어 설계에 따르면 javascript, undefine == null, myObj가 null인지 비교하면 올바른 결과를 얻을 수도 있습니다.
if (myObj = = null)
{ var myObj = { }
그러나 실행 결과는 정확합니다. 의미상 이 판단 방법은 잘못되었으며 null 값이 할당된 항목을 의미합니다. 빈 개체는 이 개체에 실제로 값이 있음을 의미하고, 정의되지 않음은 null 값이 할당된 개체를 나타냅니다. 존재하지 않거나 할당된 값이 없습니다. 따라서 여기서는 "비교 연산자"(==)만 사용할 수 있습니다. 여기서 "(===)"를 사용하면 오류가 발생합니다.

를 작성하는 아홉 번째 방법은 in 연산자를 사용하여 myObj가 최상위 개체의 속성인지 여부를 확인할 수도 있습니다.
if (! ('myObj' in window ))
{ window.myObj = { }; }
열번째 작성 방법은 hasOwnProperty 메서드를 사용하여 myObj가 최상위 개체의 속성인지 확인하는 것입니다.
if (! this.hasOwnProperty ('myObj') )
{ this.myObj = { }; }
요약 1. 객체가 존재하는지 여부만 판단하는 경우 다섯 번째 쓰기 방법을 사용하는 것이 좋습니다.
2. null 값의 경우 첫 번째 방법을 사용하는 것이 좋습니다.
3. 모든 변수는 특별한 경우가 아니면 var 명령을 사용하여 선언해야 합니다.
4. 크로스 플랫폼이 되려면 최상위 객체를 나타내기 위해 창을 사용하지 않는 것이 좋습니다.
5. Javascript 언어에서는 두 가지가 동시에 포함될 수 있는 상황에서 null과 정의되지 않음이 쉽게 혼동됩니다. "정확한 비교" 연산자(===)를 사용하는 것이 좋습니다.