가변 범위_Javascript 기술을 공유하는 JavaScript 연구 노트에 대한 권위 있는 가이드

언어에서 변수의 '선언'과 '정의'를 어떻게 이해하셨는지 모르겠습니다.
제가 이해한 바는 다음과 같습니다.
변수를 '선언'한다는 것은 변수를 '정의'한다는 의미입니다. 선언하고 값을 할당하는 것을 의미합니다.
예:

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

var name; //그냥 문장
var num = 11;//선언과 할당, 즉 정의됨
var 비밀번호 = "yangjiang";//선언과 할당, 즉 정의됨

다음은 몇 가지 요점 요약입니다.
변수 범위: 전역 및 로컬. (참고: 선언되지 않은 변수의 값을 읽으려고 하면 자바스크립트에서 오류가 발생합니다.)
첫 번째 포인트: var 키워드를 사용하여 변수를 수정하는 경우, 지역 변수나 함수 매개변수가 선언된 경우 이름 전역 변수의 이름과 동일하면
전역 변수는 효과적으로 숨겨집니다.
예:

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

varscope1 = "global"; //var 수정
function checksScope(){
varscope1 = "local";//var 수정
document.write(scope1)
}checksScope();// local

두 번째 사항: var 키워드 없이 선언된 변수를 제공하려고 하면 암시적으로 선언된 변수는
해당 변수가 내부에서만 사용되더라도 항상 전역 변수로 생성됩니다. 함수 본문(함수가 실행되는 경우에만 적용됩니다.) 함수 중첩은 지원되지 않습니다.
예:

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

scope2 = " globalAAAAAA";/ / var 수정이 사용되지 않음(js는 기본적으로 전역 변수로 선언함)
function checkScopeA(){
scope2 = "localAAAAA"; // var 수정이 사용되지 않음(js가 선언함) 기본적으로 전역 변수로 사용됨)
document.write("
"scope2)
myscope = "myLocalAAAAA";//var 수정이 사용되지 않습니다(js는 이를 전역 변수로 선언합니다). 기본적으로 변수)
document.write ("," myscope)
}
checkScopeA();//localAAAAA, myLocalAAAA *A
document.write("
" scope2);//localAAAAA *B
document.write("
" myscope);//myLocalAAAAA *C

*A의 코드를 주석 처리하면 위의 예는
예:

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

scope2 = "globalAAAAA";//var 수정이 사용되지 않음(js는 기본적으로 전역 변수로 선언함)
function checkScopeA(){
scope2 = "localAAAAA";//var 수정이 사용되지 않음 (js는 기본적으로 전역 변수로 선언합니다.)
document.write("
"scope2)
myscope = "myLocalAAAAA";//var 수정이 사용되지 않습니다(js가 선언합니다). 기본적으로 전역 변수로 사용됨)
document.write("," myscope )
}
//checkScopeA() *A
document.write("
"scope2);//globalAAAAA *B
document.write("" myscope);//오류가 발생했습니다 *C

checkScopeA 함수가 실행되지 않았기 때문에 , *B의 출력은 globalAAAAA입니다.
checkScopeA 함수가 실행되지 않았기 때문에 myscope 변수는 선언이 아니므로 선언되지 않은 변수를 읽으려고 하면 오류가 발생합니다.
세 번째 포인트:
JavaScript에서는 함수 정의가 중첩될 수 있습니다. 각 함수에는 자체 로컬 범위가 있으므로 여러 중첩된 수준의 로컬 범위를 가질 수 있습니다.
예:

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

varscope3 = "globalscope" ; //전역 변수가 정의되었습니다.
function checkScopeB(){
varscope3 = "localscope"; //전역 변수scope3를 재정의하여 지역 변수가 정의되었습니다.
functionnested( ){
varscope3 = "nested range"; //지역 변수는 함수
document.write("
"scope3);의 함수 내에 정의됩니다. >}
nested();
}
checkScopeB();//nested 범위

네 번째 사항:
자바스크립트에는 블록 수준 범위가 없습니다. , 함수에서 선언됩니다. 모든 변수는 선언된 위치에 관계없이 함수 전체에서 선언됩니다.
JavaScript에는 블록 수준 범위가 없습니다. 함수에 정의된 모든 변수는 정의된 위치에 관계없이 함수 전체에 걸쳐 정의됩니다.
예:

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

함수 테스트(o){//위 설명에 따르면 이 함수에서 세 변수 i, j, k의 범위는 동일합니다.
var i = 0; //변수 i는 함수 전체에 걸쳐 정의됩니다.
if(typeof o == "object"){
var j = 0 //변수 j는 함수 전체에 걸쳐 정의됩니다. if 문 블록뿐만 아니라
for(var k=0;kdocument.write( "
k 값은 다음과 같습니다. " k);
}
document.write("
for 루프 외부의 k 값: " k); 이때 K는 아직 정의되어 있습니다. k=10
}
document.write("
j의 값:" j) //변수 j가 선언되었지만 그럴 수도 있습니다. 함수에 전달된 매개변수가 객체가 아닐 수 있고 if 문 블록이 실행되지 않기 때문에 초기화되지 않았습니다.
}

이 함수는 두 가지 방법으로 호출됩니다.
방법 1 : 입력 객체 전달
test({});//출력 결과: 위 예시의 주석
방법 2: 아무것도 전달하지 않음
test();//출력 결과: j의 값: 정의되지 않음
내가 이해하지 못하는 것은 두 번째 방법의 출력 결과가 정의되지 않은 이유입니다. 당시 추측한 것은 j의 값: 0
나중에 이 책에서는 이렇게 말했다.
지역 변수는 함수 몸체 전체에서 선언(혹은 정의)되기 때문에 함수 몸체 전체에서 같은 이름을 가진 전역
변수가 에 숨겨져 있습니다. 지역 변수는 함수 본문 전체에서 선언(또는 정의)되지만 var 문이 실행되기 전에는 초기화되지 않습니다.
이 경우 위의 두 번째 메서드 호출의 출력 결과는 설명하기 더 쉽습니다. 변수 j는 함수 전체에 정의되어 있고 함수에 전달된 매개 변수가 비어 있기 때문입니다. 함수 본문이 실행되지 않으므로 j 값이 정의되지 않습니다. (위 책의 문장을 기준으로 이해한 것입니다.)
다음 예가 더 나은 설명입니다.

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

var sssss = "Global Variable";
function f(){
document.write ("
" sssss);//출력: "전역 변수"를 출력하는 대신 정의되지 않음
var sssss = "로컬 변수"
document.write("
" sssss);//출력: 지역 변수
}