JavaScript의 변수

출처 : Do it! 자바스크립트 입문편

 

ES6에서 새로 추가된 let, const

- 원래는 var로 변수를 예약했는데 ES6에서부턴 let 예약어로 변수를 선언하는 것을 권장하고 있습니다.

 

var과 let, const 차이점

- var은 함수 영역의 스코프를 가졌습니다.

- var은 같은 이름의 변수를 여러 번 재선언할 수 있습니다.

- var은 호이스팅을 가져서 변수를 선언하지 않아도 사용할 수 있습니다. 그리고 undefined로 초기화 됩니다.

- let과 const는 블록 영역의 스코프를 가졌습니다.

- let과 const는 같은 이름의 변수를 재선언할 수 없습니다.

- let과 const는 호이스팅이 없어서 선언하지 않은 변수를 사용하면 오류가 발생합니다. 따라서 초기화는 되지 않습니다.

- let은 값을 재할당 받을 수 있습니다.

- const는 값을 재할당 받을 수 없습니다. (constant : 상수)

 

 

효율적인 자바스크립트 변수 사용 방법

1. 전역변수는 최소한으로 사용합니다.

- 전역변수는 어디든 다 사용할 수 있으므로 이상한 곳에서 출력될 수 있습니다.

 

2. var은 함수 시작 부분에서 선언합니다.

- 호이스팅을 가진 예약어이기 때문에 함수 시작 부분에 작성하면 변수를 빠르게 확인할 수 있습니다.

 

3. for문에서 카운터 변수는 블록 변수(let)을 사용하는 것이 좋습니다.

- var을 사용한다면 for문 밖에서 선언한 후, 사용하는 것이 좋습니다.

 

4. ES6을 사용한다면 var보다 let을 권장합니다.

- 호이스팅도 없고 재선언도 할 수 없는 let이 훨씬 안전하기 때문입니다.