자바 스크립트는 로컬 및 글로벌 변수 혼란

Question

내가 자바 스크립트에 새로운 오전 그리고 난 다음, 로컬 및 글로벌 변수 범위에 대한 몇 가지 사례를하고 있었는데 내 코드 (fiddle)입니다 myname이 정의되지 않은 것으로 표시됩니다. 그래서 내 혼란은 왜 내가 myname의 글로벌 인스턴스에 액세스 할 수 없으며 만약 내가 함수 안에서 myname을 정의하지 않으면 잘 동작 할 것이다.

Answer 1

글로벌 변수를 대체하지 않습니다. 무슨 일이 일어나고 있는지 "가변 호이 스팅"이라고합니다. 즉, var myname;이 함수의 맨 위에 삽입됩니다. 당신이 그 (것)들에게 를 사용하기 전에 항상 변수를 초기화 -이 시도 :

var myname = "initial"; 
 

 
function c() { 
 
    alert(myname); 
 
    myname = "changed"; 
 
    alert(myname); 
 
} 
 

 
c();

Answer 2

자바 스크립트에서 변수 선언이 자동으로 함수의 상단으로 이동합니다. 따라서 통역사는 다음과 같이 보입니다.

var myname = "initial" 
function c(){ 
    var myname; 
    // alerts undefined 
    alert(myname); 
    myname = "changed"; 
    // alerts changed 
    alert(myname); 
} 
c(); 

이것을 '호이스트'라고합니다.

호이 스팅 (hoisting)과 모든 변수의 범위가 선언 된 함수이기 때문에이 혼동을 피하기 위해 모든 변수를 함수의 맨 위에 나열하는 것이 일반적입니다.