JavaScript_javascript 팁에서 변수를 선언할 때 var 키워드를 추가해야 하는 이유는 무엇입니까?

JavaScript에서는 var를 사용하여 변수를 선언하지만 이 구문이 꼭 필요한 것은 아닙니다. 많은 경우 var를 사용하여 변수를 선언하지 않고 직접 사용할 수 있습니다.

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

var x = "XX"
y="xxx"

등. 예를 들어, 코드의 특정 줄에서 선언된 변수 x를 사용하려고 합니다. 결과적으로 입력 오류 또는 철자 오류로 인해 변수가 y로 기록됩니다. 암시적" 변수 선언. y, 실제 프로그래밍 프로세스에서는 이러한 종류의 오류를 찾기 어려울 때가 있습니다.
현재 컨텍스트에서 이 "암시적" 선언을 수행하면 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); 

다음 레이어가 있습니다: window, func a, func b, func c는 항상 계층적으로 중첩됩니다. 창->a->b->c
window와 a 모두 변수 x가 정의되어 있지만, b에서는 변수가 정의되어 있지 않습니다. c에서는 x가 '암시적으로' 선언되고, x는 궁극적으로 a 변수의 값을 수정합니다.
JavaScript에서는 변수를 선언할 때 변수 앞에 var가 와야 한다는 점을 기억하세요.