var 및 Javascript Variable_javascript 팁의 암시적 선언

var x = "XX";
y ="xxx"
등. 예를 들어, 코드의 특정 줄에서 선언된 변수 x를 사용하려고 합니다. 결과적으로 입력 오류 또는 철자 오류로 인해 변수가 y로 기록됩니다. 암시적" 변수 선언. y, 실제 프로그래밍 프로세스에서는 이러한 종류의 오류를 찾기 어려울 때가 있습니다.
게다가 오늘 동료의 소개를 통해 이 '암시적 선언'에 또 다른 문제가 있음을 알게 되었습니다.
현재 컨텍스트에서 이 "암시적" 선언을 수행하면 JavaScript 엔진은 먼저 현재 컨텍스트에서 이 변수가 이전에 선언되었는지 확인한 다음 이전 컨텍스트로 이동하여 찾습니다. 발견되지 않았으며 마침내 창에서 이 변수를 선언합니다!
예:

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

window. = "안녕하세요" ;
function func(){
y = "안돼요!!!"
func()
alert(window.y); #=> "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("c 실행 전, the b.x:" x) ;
c();
alert("c 실행 후:" x)
alert("a.x는:" x);
alert("b 함수 실행 후, a.x는:" x);
}
alert("실행 전, window.x:" x); 🎜 >alert("after a run, window.x:" x);


다음 레이어가 있습니다: window, func a, func b, func c는 항상 계층적으로 중첩됩니다. window->a->b->c
window와 a 모두 변수를 정의했습니다. 변수의 값입니다.
JavaScript에서는 변수를 선언할 때 변수 앞에 var를 추가해야 한다는 점을 기억하세요.