[ES6] let, const와 블록 레벨 스코프 (2)

이전 글: [ES6] let, const와 블록 레벨 스코프 (1)

[ES6] let, const와 블록 레벨 스코프 (1)

ECMA Script 6: let, const와 블록 레벨 스코프

1. const

const는 상수(변하지 않는 값)를 위해 사용한다. 하지만 반드시 상수만을 위해 사용하지는 않는다. const의 특징은 let과 대부분 동일하다. let과 다른 점만 살펴보겠다.

 

1. 선언과 초기화

let은 재할당이 자유로우나 const는 재할당이 금지된다.

const FOO = 123;
FOO = 456; // TypeError: Assignment to constant variable

주의할 점은 const는 반드시 선언과 동시에 할당이 이루어져야 한다는 것이다. 그렇지 않으면 다음처럼 문법 에러(SyntaxError)가 발생한다.

const FOO; // SyntaxError: Missing initailizer in const declaration

또한, const는 let과 마찬가지로 블록 레벨 스코프를 갖는다.

{
  const FOO = 10;
  console.log(FOO); // 10
}
console.log(FOO); // ReferenceError: FOO is not defined

 

2. 상수

상수는 가독성과 유지보수의 편의를 위해 적극적으로 사용해야 한다. 적절한 네이밍으로 상수를 선언하면 가독성과 유지보수성이 향상된다.

// 10의 의미를 알기 어렵기 때문에 가독성이 좋지 않다.
if (rows > 10) {
}

// 값의 의미를 명확히 기술하여 가독성 향상
const MAXROWS = 10;
if (rows > MAXROWS) {
}

const는 객체에도 사용할 수 있다. 물론 이때도 재할당은 금지

const obj = { foo: 123 };
obj = { bar: 456 }; // TypeError: Assignment to constant variable

 

3. const와 객체

const는 재할당이 금지된다. 이는 const 변수의 타입이 객체인 경우, 객체에 대한 참조를 변경하지 못한다는 것을 의미한다. 하지만 이때 객체의 프로퍼티는 보호되지 않는다. 다시 말하자면 재할당은 불가능하지만 할당된 객체의 내용(프로퍼티의 추가, 삭제, 변경)을 변경할 수 있다.

const user = { name: 'Kim' };

// const 변수는 재할당이 금지
// user = {}; // TypeError: Assignment to constant variable

// 객체의 내용은 변경할 수 있다.
user.name = 'Lee';

console.log(user); // { name: 'Lee' }

객체의 내용이 변경되더라도 객체 타입 변수에 할당된 주소값은 변경되지 않는다. 따라서 객체 타입 변수 선언에는 const를 사용하는 것이 좋다. 만약에 명시적으로 객체 타입 변수의 주소값을 재할당하여야 한다면 let을 사용한다.

 

3. var vs let vs const

- 변수 선언에는 기본적으로 const를 사용하고 let은 재할당이 필요한 경우에 한정하여 사용하는 것이 좋다.

- 원시 값의 경우, 가급적 상수를 사용하는 편이 좋다. 

- 객체를 재할당하는 경우는 흔하지 않기 때문에 const 키워드를 사용하여 의도치 않은 재할당을 방지하여 안전하게 사용하자.

- ES6를 사용한다면 var 키워드는 사용하지 않는다.

- 재할당이 필요한 경우에 한정해 let 키워드를 사용한다. 이때 변수의 스코프는 최대한 좁게 만든다.

- 변경이 발생하지 않아 재할당이 필요없는 원시 값과 객체에는 const 키워드를 사용한다. const 키워드만 재할당을 금지하므로 var, let보다 안전하다.