13-1. JS 함수 (지역변수, 전역변수, 호이스팅, 재선언, 재할당)

1. 지역변수와 전역변수 

자바스크립트에서 변수를 선언하고 사용할 때 변수가 적용되는 범위를 스코프라고 한다. 

 

1️⃣ 지역변수 

지역변수는 한 함수 안에서만 사용할 수 있는 변수로, 로컬 변수라고도 한다. 

예약어 var와 함께 변수 이름을 지정한다. 

2️⃣ 전역변수 

전역변수는 스크립트 소스 전체에서 사용할 수 있는 변수를 전역 변수라고 하고, 또는 글로벌 변수라고 한다. 

전역변수는 적용 범위를 제한하지 않고 쓸 수 있다. 

 

2. var와 호이스팅 

호이스팅이란 상황에 따라 변수의 선언과 할당을 분리해서 선언 부분을 스코프의 가장 위쪽으로 끌어올리는 것을 말한다. 

이 함수의 실행 결과는 x is 10 과 y is undefined 이다. 

y 도 20이 나올 것이라고 예상했는데 undefined 인 이유는 호이스팅 때문이다. 

자바 스크립트 해석기는 함수 소스를 훑어보고 var 를 사용한 변수를 따로 기억해두는데 

호이스팅처럼 var 예약어를 사용한 변수는 선언하기 전에 사용하면 프로그램 오류를 발생시킬 수 있기 때문에 조심해야한다. 

 

 

3. 재선언과 재할당 

var를 사용한 변수는 호이스팅 이외에도 재선언과 재할당할 수 있다. 

30, 50, 100 출력