주니어 개발자 성장기

(22.10.10) ES6 - const & let 본문

JavaScript

(22.10.10) ES6 - const & let

Junpyo Lee 2022. 10. 10. 16:15

ES5까지는 기본적으로 변수 선언에 var을 사용했다.

하지만, ES6부터는 const와 let을 사용한다.

ES5 특징

  • ES5는 { } 에 상관없이 스코프가 설정되었다.
    즉, 블록에 상관없이 전역변수가 된다.

Hoisting

  • Hoistiong 이란 선언한 함수와 변수를 해석기가 가장 상단에 있는 것처럼 인식한다.
  • js 해석기는 코드의 라인순서와 관계 없이 함수선언식과 변수를 위한 메모리 공간을 먼저 확보한다.
  • 따라서, function a()와 var 는 코드의 최상단으로 끌어 올려진 것(hoisted) 처럼 보인다.

 

ES6 특징

  • 블록 단위 { }로 변수의 범위가 제한되었다.
  • const: 한번 선언한 값에 대해서 변경할 수가 없다. (상수 개념)
  • let: 한번 선언한 값에 대해서 다시 선언할 수가 없다.

 

const

  • const로 지정한 값은 변경이 불가능하다.
  • 하지만, 객체나 배열의 내부는 변경할 수 있다.