본문 바로가기

프론트엔드/JAVASCRIPT

[Javascript] Javascript 변수 선언 var, let, const(상수)

 

* 바닐라 자바스크립트 책(저자 고승원)을 참고하여 쓴 글입니다. *

 

 

INDEX


  • var, let 선언자
  • const 선언자

 

var, let 선언자 


- 자바스크립트에서 변수를 생성하고 저장할 때 var와 let 선언자를 사용한다.

 

- var는 ES6 이전에 사용하던 선언자, let은 ES6에 추가된 선언자이다.

 

- var는 프로그램 내 동일 변수명을 사용 가능하고, let은 동일 변수명을 사용 불가능하다.

 

- 최근에는 프로그램의 오류를 최소화하기 위해 let을 주로 사용한다.

  -> var는 동일한 변수명을 사용하더라도 프로그램 상 에러가 발생하지 않지만 let은 에러가 발생한다. 따라서 let의 사용은 동일 변수명을 생성했을 때 다른 코드에 영향을 미치는 것을 예방할 수 있다.

 

 

var 변수 선언
var에서 동일 변수 선언

 

let에서는 동일 변수 선언 시 에러 발생
let에서 동일 변수 선언, error 발생

 

 

 

const 선언자


- ES6에 추가된 선언자로 var, let과 달리 변화하지 않는 변수 즉 상수(constant)를 선언한다.

 

- 변화하지 않는 값을 선언하는 것이기 때문에 한번 값을 지정하면 변경할 수 없다. 변경하면 에러가 발생한다.

 

- let과 같이 동일 변수명을 사용하면 에러가 발생한다.

 

- 날짜나 색상 등 변화하지 않을 상수들을 변수로 설정한다.

 

 

const 선언자
const 사용 시 error발생 상황