[JavaScript] var, let, const 차이점

ECMAScript 6부터 추가된 키워드 2개 let, const

ECMAScript 5까지는 '식별자에 값을 넣어 활용하기 위한 기능'이 오직 'var 키워드를 사용한 변수' 밖에 없었다.

​

var variableA = 52; 
let variableB = 273; 
const constC = 100;

키워드	구분	선언위치	재선언
var	변수	전역 스코프	가능
let	변수	해당 스코프	불가능
const	상수	해당 스코프	불가능

* 변수 : 변할 수 있는 값

* 상수 : 변하지 않는 값

​

또한, 상수를 선언할 때는 선언할 때 값을 넣어야 오류가 나지 않는다.

const constC = 100; 
constC = 10000; //불가능 
const constD; 
constD = 90; //오류

Q. let과 const의 장점은 무엇인가요?

A.

일반적으로 스코프 내부에 선언한 변수는 해당 변수를 생성한 이후 스코프 내부에서 사용하고,

스코프를 벗어날 때는 제거해야 메모리 등의 시스템 자원을 적절하게 이용할 수 있다.

하지만 var는 전역 스코프이기 때문에 그렇지 못하다.

let과 const는 해당 스코프에서만 동작을 한다.

​

const는 변하지 않는 값이기 때문에 '변한다'라는 속성에 관련된 처리를 할 필요가 없다.

이에 따라 처리해야할 것이 줄어들기 때문에 성능이 향상된다.

​

* 스코프?

//전역 스코프

{

//스코프 A

{

//스코프 B

}

}

​

​

​

출처 : 윤인성, 『 3판, 모던 웹을 위한 JavaScript & jQuery 입문 』, 한빛미디어, p.68~72

​

​

​

+ var는 a.js에서 선언했어도, b.js파일에서 import시 쓸 수 있음.

상황에 맞게 사용해야하지만 let을 추천