JavaScript의 var 선언 방법 및 변수 범위 예제에 대한 자세한 설명

현재 컨텍스트에서 이 "암시적" 선언을 수행하면 JavaScript 엔진은 먼저 현재 컨텍스트에서 이 변수가 이전에 선언되었는지 확인한 다음 이전 컨텍스트로 이동하여 찾습니다. 아직 선언되지 않았습니다. 발견되면 이 변수가 최종적으로 창에 선언됩니다!

window. y = "hello"; 
function func(){ 
y = "OH, NO!!!"; 
} 
func(); 
alert(window.y); //#=> display "OH, NO!!!"

컨텍스트의 레이어에 이러한 "암시적으로" 정의된 변수가 있는 경우 해당 레이어의 변수는 창에 새 변수를 생성하지 않고 수정됩니다.

var x = "window.x"; 
function a() { 
var x = "a's x"; 
var b = function() { 
var c = function() { 
//no var! 
x = "c's x:"; 
}; 
alert("before c run,the b.x:" + x); 
c(); 
alert("after c run, the b.x:" + x); 
}; 
alert("a.x is:" + x); 
b(); 
alert("after b function runed, the a.x is:" + x); 
}; 
alert("before a run, window.x:" + x); 
a(); 
alert("after a run, window.x:" + x);

질문이 촉발하는 생각

1. 신화! 코드 조각으로 인한 의심

for(var i=0;i<3;i++) { 
console.log(j+","+k); 
for(var j=0;j<3;j++) { 
var k = j+1; 
} 
} 
console.log(i);

출력 결과:

undefined,undefined 
3,3 
3,3 
3

C, Java 및 기타 언어로 작업하는 경우 j 및 k와 같은 지역 변수가 외부 코드에서 액세스할 수 있는 이유에 대해 혼란스러울 수 있습니다. 범위.
JavaScript에서 var로 선언된 변수를 지역 변수로 간주할 수 있다면 변수에 접근할 수 있는 범위는 변수의 지역 범위입니다. 위의 예에서와 같이 console.log 줄에는 여전히 j와 k의 범위가 있고 루프 외부에는 여전히 i의 범위가 있습니다. 이 시점에서 JavaScript에는 실제 로컬 범위가 없다고 임의로 말할 수 있습니다. 정말? 아니요!

2. 실제 로컬 범위를 얻는 방법은 무엇입니까? 글쓰기 방법이 눈길을 끌었습니다
JQuery의 소스 코드나 Ext의 소스 코드를 보신 적이 있으시다면 다음 작성 방법이 조금 익숙하실 것입니다.

var a = 3,b=4; 
var exports = (function() { 
var a = 1,b=2; 
return {a:a,b:b}; 
})(); 
console.log(""+a+","+b); 
console.log(exports.a+","+exports.b);

출력 결과:

3,4 
1,2

함수 내부에 독립적인 범위가 있다는 사실이 놀랍습니다. 즉, 함수 내부에서 var로 선언된 변수는 내부에서만 사용할 수 있습니다. 기능. 따라서 각 프레임워크의 모든 마스터는 지역 변수와 외부 변수(외부 지역 변수 및 전역 변수) 간의 충돌을 방지하기 위해 이러한 방식으로 작성합니다.
이 시점에서 나는 첫 번째 기사에서 임의의 추론을 철회하고 수정합니다.
JavaScript는 함수로 제한되며 각 함수는 다른 블록(일반 코드 블록, for 루프, if, while 등 포함)을 갖습니다. .) 코드 블록)에는 로컬 범위가 없습니다. var를 사용하여 선언된 변수는 이러한 코드 블록을 직접 통과할 수 있으며 외부 코드에서 액세스할 수 있습니다.

3. 오류는 언제 보고되고 언제 정의되지 않나요? var 선언 메커니즘
코드 보기:

console.log(a)

ReferenceError: a is not defined

undefined

var exports = (function() { 
var a = 1,b=2; 
return {a:a,b:b}; 
})(); 
console.log(a);

출력 결과:

ReferenceError: a is not defined

추측 결론:
JavaScript 엔진이 코드를 실행할 때마다 먼저 범위에 있는 모든 코드(함수 내부의 코드)를 스캔합니다. 범위는 스캔되지 않음) var에 의해 선언된 모든 변수를 기록합니다. 코드가 실행되고 할당되기 전에 이러한 변수의 값은 정의되지 않습니다. 그 후 변수에 접근하게 되면 먼저 지역 변수에 접근하게 되고, 해당 지역 변수가 없다면 상위 수준의 지역 변수(클로저 등)에 접근하게 되고, 상위 수준에서는 이에 대한 환경을 생성하게 됩니다. 클로저) 전체 전역 변수에 액세스할 때까지. 해당 변수가 없으면 예외가 발생합니다.

위 내용은 JavaScript의 var 선언 방법 및 변수 범위 예제에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!