티스토리 뷰

JavaScript

es6 문법 const let var

Aairon 2019. 3. 7. 17:14
반응형

1. let , const , var

- let과 const는 es6에 등장하는 변수 선언 방식이다

- 자바스크립트의 var는 함수 레벨 스코프 방식이어서 유연하게 사용할 수 있지만 스코프가 넓기 때문에 어디에서 어떻게 사용이 됐는지 파악이 힘들다

- 그에 따라서 es6에서는 let과 const라는 블록 레벨 스코프를 따르는 변수를 제공한다



- let 

: var는 중복으로 선언이 가능하지만, let과 const는 중복으로 선언이 불가능 하다

: let도 호이스팅이 되기는 하지만 선언만 되고 초기화(메모리에 변수할당)가 되지 않아서 

블록에 let을 할당하기 전에 let변수를 사용하려고 하면 레퍼런스 에러가 뜬다.

let이 호이스팅으로 선언이 되어있기 때문에 let이 실행되는 곳까지 가서 초기화가 되고 할당까지 받아야 함

var는 선언과 초기화가 한번에 되어서 그 전에 사용하면 undefined가 뜸



- const

: 상수(변하지 않는 값)를 지정해 주는 변수

: const로 지정하면 값을 변경하거나 같은 이름을 사용할 수 없다

: 하지만 객체를 const에 할당하면 객체안의 키와 밸류는 변경이 가능하다


참고 : https://poiemaweb.com/es6-block-scope



반응형

'JavaScript' 카테고리의 다른 글

javascript 상속 (prototype / class)  (0) 2019.03.21
es6문법 비구조화 할당  (0) 2019.03.07
Javascript Event loop  (0) 2019.03.04
JS prototype /create  (0) 2019.02.14
Debug  (0) 2018.10.24
댓글