(JS) let과 const

변수 선언 키워드

• ES5까지는 var가 변수를 선언하기 위한 유일한 키워드였음.
• var 키워드는 동일한 이름의 변수를 선언해도 에러가 나지 않는 점, 함수 레벨의 스코프를 가지는 점, 호이스팅이 발생되는 점에서 단점이 있었음.
• var의 이러한 단점들을 해결하기 위해 ES6에 들어서 변수를 선언하는 let, const 키워드 도입.

let 키워드

• 동일한 식별자 변수를 선언하면 오류가 뜬다.

let a = 1 ;
let a = 100 ; //오류가 뜬다.

• 재할당이 가능하다.

let a= 1;
a= 2;
console.log (a); // 2

const 키워드

• 재할당이 불가능하다.

const text = 'hello' ;
text = 'hi' ; // 오류가 뜬다.

• 재할당이 불가능하지만 변수가 가르키고 있는 object의 값을 변경하는 것은 가능하다.

const apple = {
        name: 'apple',
        color: 'red',
        display: '🍎',
} ;
console.log(apple); // { name: 'apple', color: 'red', display: '🍎' }

apple.name = 'orange' ;
apple.display = '🍏' ;
console.log (apple) ; // { name: 'orange', color: 'red', display: '🍏' }

결론

기본적으로 변수를 선언할 때는 const 키워드를 사용하고, 재할당이 필요한 변수에 let 키워드를 사용하는 것이 효율적으로 코드를 작성하는 데에 좋을 것 같다.