JavaScript의 변수 조회

PHPz
풀어 주다: 2017-04-04 10:30:14
원래의
2034명이 탐색했습니다.

우리 모두 알고 있듯이 JavaScript변수는 스코프 체인에 따라 검색됩니다. (스코프와 스코프 체인에 대한 관련 지식은 내 다른 기사 "기반"을 참조하세요. Performance Tuning of JavaScript Scope Chain') 그러면 단순 할당 연산의 경우 등호 왼쪽과 오른쪽에 있는 변수에 대한 검색 방법이 동일한가요? 간단한 예부터 시작해보겠습니다~

console.log(a);   // undefined
var a = 3;
console.log(a);   // 3

console.log(b);  // ReferenceError
b = 4;
console.log(b);  //4
로그인 후 복사

1. LHS(왼쪽-손측 왼쪽 검색) 및 RHS(오른쪽-손측 오른쪽 검색)

개념은 다음과 같습니다.

  • LHS쿼리: 변수 컨테이너 자체에 값을 할당할 수 있도록 찾아보세요

  • RHS 쿼리: 변수의 값 찾기

대입문 var a = b;의 경우 LHS 쿼리는 등호 왼쪽에서 수행됩니다. , RHS 쿼리는 등호 오른쪽에서 수행됩니다. 일반 인쇄 문 console.log(a)이라면 검색 변수 a가 RHS 쿼리에 속합니다.

둘 사이의 유사점: 둘 다 스코프 체인 검색 을 따릅니다.

2. LHS 쿼리와 RHS 쿼리의 차이점

(1) LHS 쿼리
JavaScript 엔진이 LHS 쿼리를 실행할 때 대상 변수를 최상위에서 찾을 수 없는 경우 그런 다음 전역 범위에서 해당 이름을 가진 변수를 생성하고 엔진에 반환합니다(비엄격 모드).

이렇게 생성된 전역 변수는 엄밀히 말하면 실제 변수가 아니라 에 전달될 수 있는 전역 <a href="http://www.php.cn/wiki/60.html" target="_blank"> 객체 </a>의 <a href="http://www.php.cn/wiki/169.html" target="_blank"> 속성 </a>이라는 점에 유의하세요. <a href="http://www.php.cn/wiki/1298.html" target="_blank">삭제<code><a href="http://www.php.cn/wiki/1298.html" target="_blank">delete</a>연산자삭제 . 그러나 var으로 선언된 전역 변수는 delete 연산자를 사용하여 삭제할 수 없습니다.

기사 시작 부분의 예시를 참고하세요:

b = 4;
console.log(b);  // 4
delete b;
console.log(window.b); // undefined
로그인 후 복사

프로그램에는 b 변수가 선언되어 있지 않지만, LHS 쿼리가 자동으로 변수가 아닌 대상 변수를 생성하기 때문에 발견, 인쇄 b 는 4 를 반환합니다. 그런 다음 b를 삭제하면 삭제가 성공합니다.

Strict 모드인 경우:

"use strict";
b = 4;
console.log(b);
로그인 후 복사

이때 LHS 쿼리는 선언되지 않은 대상 변수를 자동으로 생성할 수 없으므로 b를 인쇄할 때 에서 예외가 발생합니다. : Uncaught ReferenceError: b is not defined.

(2) RHS 쿼리
JavaScript 엔진이 RHS 쿼리를 실행할 때 범위 체인에서 대상 변수를 찾을 수 없으면 엔진은 ReferenceError 예외를 발생시킵니다.

글 시작 부분의 예를 참조하세요:

console.log(b);  
b = 4;
로그인 후 복사

RHS 쿼리 변수b, 전역 범위에서 변수 정의를 찾을 수 없어 엔진에서 예외가 발생했습니다Uncaught ReferenceError: b is not defined

3. 팁

(1) 변수 승격
개념: var로 선언된 변수는 JavaScript 인터프리터에 의해 항상 메소드 본문의 맨 위로 조용히 "승격"됩니다.

기사 시작 부분의 예를 참조하세요:

console.log(a); 
var a = 3;
로그인 후 복사

JavaScript 엔진은 이를 다음과 같이 구문 분석합니다:

var a = undefined;
console.log(a); 
a = 3;
로그인 후 복사

그래서 a를 처음 인쇄할 때 , undefined이 반환됩니다.

(2) ReferenceError 및 TypeError
ReferenceError는 범위 결정 실패, 즉 범위 내의 변수 쿼리 실패를 나타냅니다.
TypeError는 범위 결정에 성공했지만 결과에 대한 연산이 불법이거나 불합리하다는 것을 의미합니다.

예:

foo();
var foo = function () {
     console.log('a');
}
로그인 후 복사

foo() 문을 실행하면 첫 번째 RHS 검색은 전역 범위에서 값이 foo(변수 승격)인 undefined 변수를 찾습니다.
그런 다음 함수 의 실행 모드에서 foo 변수를 작동합니다. 분명히 undefined는 유효한 함수가 아니므로 엔진에서 Uncaught TypeError: foo is not a function 예외가 발생하고 실행이 실패합니다.

위 내용은 JavaScript의 변수 조회의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!