Javascript_Basic 지식 중 변수 사용 지침

JavaScript의 모든 변수는 느슨한 형식입니다. 다른 객체 지향 언어와 달리 변수 선언은 강력한 형식입니다. 따라서 Javascript의 변수 선언에는 형식이 포함되지 않습니다. var 키워드를 통해 변수를 선언하거나 다음과 같이 변수 이름을 직접 작성합니다.
var v = 1;
v=1; 두 가지 선언의 차이점은 무엇이며 왜 두 가지 다른 선언 방법이 있습니까? 이는 JavaScript의 변수 범위와 관련이 있습니다. JavaScript에서 변수의 범위에는 전역 및 함수 수준이 포함됩니다.

전역 변수는 함수 외부에서 선언할 수 있습니다. 위 선언 방법 중 어떤 방법을 사용하더라도 함수 외부에서 선언된 변수는 전역 변수입니다. 예:

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

🎜>
실행 결과: 1 2

또한 함수 내부에 선언된 변수가 var 키워드를 사용하지 않으면 선언된 변수도 전역 변수가 됩니다. 예:

코드 복사

코드는 다음과 같습니다.


실행 결과: 1
단, 이 경우 변수를 사용하려면 먼저 함수를 호출해야 합니다. foo()와 같이 변수를 초기화하기 위해 변수를 선언합니다. 그렇지 않으면 "변수 v가 ​​정의되지 않았습니다"라는 오류가 발생합니다.

전역 변수는 window.$를 통해 접근할 수 있기 때문에 window 객체의 속성으로 존재하게 됩니다. ($는 변수 이름을 나타냅니다.) 물론 변수명을 통해 직접 접근할 수도 있습니다. 다음은 이러한 두 가지 액세스 방법이 있는 이유에 대해 설명합니다.

함수 내에서 var 키워드로 선언된 변수는 함수 수준 변수이며 해당 범위는 함수 내부로 제한됩니다. 예:




코드 복사

코드는 다음과 같습니다.


실행 결과: 1 변수 "v"가 정의되지 않았습니다.

위의 분석을 통해 var 키워드는 함수 수준 변수를 정의하는 것입니다.

주의 깊은 친구들은 함수 내부와 외부에 동일한 변수가 정의되면 결과가 어떻게 될까요? 예:




코드 복사

코드는 다음과 같습니다.


실행 결과: 정의되지 않음
! ! ! ! ! 어떤 사람들은 우울할 수도 있습니다. v는 foo() 함수 외부에서 명확하게 정의되어 있습니다. 여기에는 자바스크립트 구문 분석이 포함됩니다. 경험에 따르면 함수 본문의 변수에 대한 JavaScript의 구문 분석 프로세스는 다음과 같습니다.
모든 var 키워드를 검색하고 해당 변수 선언을 함수 본문 앞에 배치하면 할당 및 사용이 변경되지 않습니다. JavaScript는 실제로 다음과 같습니다.

코드 복사

코드는 다음과 같습니다.


이러한 분석에 따르면, 함수 내부 변수의 우선순위로 인해 전역 변수의 우선순위보다 높기 때문에(대부분의 프로그래밍 언어에서 그렇습니다) 함수 내부의 변수 v가 ​​전역 변수 v보다 우선하지만, 함수 내부의 변수 v가 ​​사용되기 때문에 , 선언만 되고 할당되지 않으므로 결과가 정의되지 않습니다.

메서드 본문에 정의된 전역 변수 v를 계속 사용해야 하는 경우 window 객체가 유용하며 window.v를 통해 액세스할 수 있습니다. 예:

코드 복사


코드는 다음과 같습니다.

运行结果：2 undefine