학원/복기

[JavaScript] 전역변수와 지역변수

조가루 2023. 6. 6. 00:40

전역변수와 지역변수

 

전역변수(Global Variable)함수 외부에서 선언된 변수이며, 모든 함수에서 사용이 가능하다.
지역변수(Local Variable)함수 내부에서 선언된 변수이며, 선언된 함수에서만 사용이 가능하다.

 


전역변수는 모든 함수에서 사용이 가능하다.

 

var globalVar=100;//전역변수
        
function display1() {
	alert("display1 함수에서 사용하는 globalVar 변수값 = "+globalVar);
	globalVar=200;//함수에서 전역변수에 저장된 값 변경 
}

function display2() {
	alert("display2 함수에서 사용하는 globalVar 변수값 = "+globalVar);
}

display1();//display1 함수에서 사용하는 globalVar 변수값 = 100
display2();//display2 함수에서 사용하는 globalVar 변수값 = 200

 

반면에 지역변수는 함수가 종료되면 자동 소멸된다. 따라서 다른 함수에서 지역변수 사용이 불가능하다.

function display1() {
	var localVar=300;//지역변수
	alert("display1 함수에서 사용하는 localVar 변수값 = "+localVar);
}

function display2() {
	alert("display2 함수에서 사용하는 globalVar 변수값 = "+localVar);
}

display1();//display1 함수에서 사용하는 localVar 변수값 = 300
display2();//에러발생

 


자바스크립트는 변수에 값을 저장하면 변수를 선언하지 않아도 변수로 사용이 가능하다.
→ 함수에서 변수를 선언하지 않고 값만 저장하여 사용한 변수는 전역변수로 처리한다. 

function display1() {
	variable=400;
	alert("display1 함수에서 사용하는 varialbe 변수값 = "+variable);
}

function display2() {
	alert("display2 함수에서 사용하는 varialbe 변수값 = "+variable); 
}

display1();//display1 함수에서 사용하는 varialbe 변수값 = 400
display2();//display2 함수에서 사용하는 varialbe 변수값 = 400