JavaScript Language Design은 충분히 엄격하지 않으며, 조심하지 않으면 많은 장소가 실수를 저질 것입니다.
예를 들어 다음 상황을 고려하십시오.
이제 우리는 글로벌 객체 myobj가 존재하는지 여부를 결정해야하며 그것이 존재하지 않으면 그것을 선언해야합니다. 자연어로 설명 된 알고리즘은 다음과 같습니다.
if (myobj가 존재하지 않음) {myobj를 선언; }이 코드를 쉽게 작성하기가 쉽습니다. 그러나 사실, 문법적 문제는 우리가 생각하는 것보다 훨씬 더 복잡합니다. Juriy Zaytsev는 JavaScript 객체가 존재하는지 여부를 결정하는 50 가지가 넘는 방법이 있다고 지적했습니다. JavaScript 언어의 구현 세부 사항이 매우 명확 할 때만 구별 할 수 있습니다.
가장 먼저 쓰는 방법
직관에 따라 다음을 쓸 수 있다고 생각할 수 있습니다.
if (! myobj) {myobj = {}; }그러나이 코드를 실행하면 브라우저에 직접 참조 오류 오류가 발생하여 작업이 중단됩니다. 무슨 일이야?
그건 그렇고, 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 속성이 있는지 판단하는 것과 동일합니다. myOBJ가 정의되지 않기 때문에 참조 오류를 피하기 위해 참조 오류를 피하십시오. 그러나 코드의 표준화에서 Var를 두 번째 줄에 추가하는 것이 가장 좋습니다.
if (! window.myobj) {var myobj = {}; }또는 다음과 같이 작성하십시오.
if (! window.myobj) {window.myobj = {}; }쓰는 세 번째 방법
위의 쓰기 방법의 단점은 일부 운영 환경 (예 : V8 및 Rhino)에서 창이 최상위 객체가 아닐 수 있다는 것입니다. 따라서 다시 쓰는 것을 고려하십시오.
if (! this.myobj) {this.myobj = {}; }글로벌 변수 수준 에서이 키워드는 항상 최상위 변수를 가리키므로 다른 운영 환경과 무관 할 수 있습니다.
글을 쓰는 네 번째 방법
그러나 위의 글을 읽을 수 없으며 이것의 포인팅은 가변적이고 오류가 발생하기 쉽기 때문에 더욱 다시 작성됩니다.
var global = this; if (! global.myobj) {global.myobj = {}; }사용자 정의 변수 글로벌을 사용하여 최상위 객체를 나타내는 것이 훨씬 명확합니다.
쓰는 다섯 번째 방법
연산자 유형을 사용하여 MyOBJ가 정의되었는지 여부를 결정할 수도 있습니다.
if (myobj == "undefined") {var myobj = {}; }이것은 JavaScript 객체가 존재하는지 여부를 결정하는 데 가장 널리 사용되는 방법입니다.
글을 쓰는 여섯 번째 방법
MyOBJ의 값은 정의되었지만 할당되지 않은 경우 정의되지 않은 것과 직접적으로 동일하기 때문에 위의 쓰기 방법을 단순화 할 수 있습니다.
if (myobj == undefined) {var myobj = {}; }여기에는 두 곳이 있습니다. 첫째, 두 번째 줄의 VAR 키워드는 누락되지 않아야합니다. 그렇지 않으면 참조 오류 오류가 발생합니다. 둘째, "정의되지 않은"문자열이 아니라 정의되지 않은 데이터 유형을 비교하기 때문에 단일 또는 이중 따옴표로 undefined를 추가 할 수 없습니다.
글을 쓰는 일곱 번째 방법
위의 작문 방법은 "정확한 비교"(===)의 조건에 따라 여전히 유효합니다.
if (myobj === undefined) {var myobj = {}; }8 번째로 쓰는 방법
JavaScript의 언어 디자인에 따르면, undefined == null이므로 myOBJ가 null과 동일인지 비교하여 올바른 결과를 얻을 수도 있습니다.
if (myobj == null) {var myobj = {}; }그러나 수술 결과가 정확하지만 의미 적으로는이 판단 방법이 잘못되며 피해야합니다. NULL은 NULL에 할당 된 빈 개체를 말하기 때문에, 즉,이 객체는 실제로 가치가 있으며, 정의되지 않은 것은 존재하지 않거나 할당이없는 객체를 말합니다. 따라서 여기에서 "비교 연산자"(==) 만 사용할 수 있으며 여기에서 "정확한 비교 연산자"(===)를 사용하면 오류가 발생합니다.
글을 쓰는 9 번째 방법
IN 연산자를 사용하여 MyOBJ가 최상위 객체의 속성인지 확인할 수도 있습니다.
if (! }
글을 쓰는 열 번째 방법
마지막으로, HasownProperty 메소드를 사용하여 MyOBJ가 최상위 객체의 속성인지 확인하십시오.
if (! this.hasownproperty ( 'myobj')) {this.myobj = {}; }요약
1. 객체가 존재하는지 여부 만 결정하면 다섯 번째 작문 방법을 사용하는 것이 좋습니다.
2. 객체가 존재하는지 여부에 따라 객체에 널 값이 있는지 여부를 결정 해야하는 경우 첫 번째 쓰기 방법을 사용하는 것이 좋습니다.
3. 달리 명시되지 않는 한, 모든 변수는 var 명령을 사용하여 선언해야합니다.
4. 크로스 플랫폼의 경우 최상위 객체를 나타내는 창을 사용하지 않는 것이 좋습니다.
5. JavaScript 언어에서는 Null과 Undefined가 혼란을 겪기 쉽습니다. 둘 다 관련 될 수있는 경우 "정확한 비교"연산자 (===)를 사용하는 것이 좋습니다.
(위에)
JavaScript 객체가 존재하는지 판단하는 방법에 대한 위의 간단한 예는 내가 공유 한 모든 내용입니다. 나는 당신이 당신에게 참조를 줄 수 있기를 바랍니다. 그리고 당신이 wulin.com을 더 지원할 수 있기를 바랍니다.