JavaScript 변수 범위_javascript 기술에 대한 심층적인 이해

JavaScript의 변수 범위를 배우기 전에 몇 가지 사항을 명확히 해야 합니다.
a. JavaScript의 변수 범위는 고유한 범위 체인을 기반으로 합니다.
b. JavaScript에는 블록 수준 범위가 없습니다.
c. 함수에 선언된 변수는 함수 전반에 걸쳐 정의됩니다.

1. JavaScript 범위 체인
먼저 다음 코드를 살펴보세요.

코드 복사 코드는 다음과 같습니다.

alert(rain); 코드를 살펴보세요. JavaScript는 먼저 내부 함수에 rain 변수가 정의되어 있는지 확인합니다. 정의된 경우 내부 함수에 rain 변수가 사용됩니다. rain 변수가 내부 함수에 정의되어 있지 않으면 JavaScript는 계속해서 rain 변수를 확인합니다. 이 코드에서는 rainman 함수 본문에 rain 변수가 정의되어 있지 않으므로 JavaScript 엔진은 계속해서 rainman 함수가 정의되어 있는지 확인합니다. 비 = 1로 정의했으므로 최종 결과는 '1'로 표시됩니다.
스코프 체인: JavaScript가 변수를 쿼리해야 하는 경우 두 개체가 정의되지 않은 경우 검색이 계속됩니다.
위 코드에는 inner, rainman, window의 세 가지 범위 체인 개체가 순서대로 포함되어 있습니다.

2. 함수 본문 내에서 지역 변수는 동일한 이름을 가진 전역 변수보다 우선순위가 높습니다.

코드 복사 코드는 다음과 같습니다.

>
3. JavaScript 블록 수준 범위가 없습니다.
이것은 또한 다른 언어에 비해 JavaScript의 더 유연한 부분이기도 합니다.

다음 코드를 주의 깊게 살펴보면 변수 i, j, k의 범위가 동일하고 전체 rain 함수 본문에서 전역적임을 알 수 있습니다.

코드 복사 코드는 다음과 같습니다.

function rainman(){

/**
* rainman 함수 본문에는 세 개의 지역 변수 i j k가 있습니다
*/
var i = 0;
if( 1 ){
var j = 0 ;
for( var k = 0 ; k alert( k ); //팝업 0 1 2
}
alert( k ); 3
}
alert( j ); //팝업 0
}



4. 전체 기능.
먼저 이 코드를 살펴보세요.

코드 복사 코드는 다음과 같습니다.

function rain(){

var x = 1;
function man(){
x = 100;
}
man(); //Call man
alert( x ); //100이 여기에 나타납니다.
}
rain() //Call rain


위 코드는 변수 x가 rain 함수 몸체 전체에 걸쳐 사용될 수 있고 재할당될 수 있음을 보여줍니다. 이 규칙으로 인해 "믿을 수 없는" 결과가 생성됩니다. 다음 코드를 준수하십시오.
rain 함수의 지역 변수 x가 함수 본문 전체에 정의되어(var x= 'rain-man', 선언됨), 동일한 이름의 전역 변수 x가 rain 함수 본문 전체에 숨겨져 있기 때문입니다. . 여기서 '정의되지 않음'이 나타나는 이유는 처음으로 Alert(x)를 실행할 때 로컬 변수 x가 아직 초기화되지 않았기 때문입니다.

코드 복사

코드는 다음과 같습니다. var x = 1;

function rain(){

alert( x ); //1 대신 'undefine' 팝업
var x = 'rain -man' ; 경고( x ); //'rain-man' 팝업
}
rain()

따라서 위의 rain 함수는 아래 함수와 동일합니다.

코드 복사 코드는 다음과 같습니다.

function rain(){
var x;
alert( x );
x = 'rain-man';
alert( x )
}

5. 키워드는 전역 변수입니다.

코드 복사 코드는 다음과 같습니다.

이 또한 의도하지 않게 많은 전역 변수를 남겨두는 JavaScript 초보자의 일반적인 실수입니다.
6. 전역 변수는 모두 창 개체의 속성입니다.

코드 복사 코드는 다음과 같습니다.

다음 코드와 동일

코드 복사 코드는 다음과 같습니다.