[Javascript ES6] 기초 문법 3. 변수 var, let, const

 

var, let, const, window

 

js ES6에는 var, let, const라는 세 개의 변수 선언 키워드가 존재한다. var은 안정성이 매우 좋지 않기 때문에 거의 사용하지 않으며(옛날에나 사용했음), let과 const를 사용하는 것이 유즘 추세이다. 후에 값을 변경하게 될 경우는 let, 변경하지 않을 경우는 const로 구분해서 쓰면 좋다.

 

	재선언	재할당	오브젝트 내 데이터 변경
var	O	O	O
let	X	O	O
const	X	X	O

 

* 수정 불가능한 오브젝트를 원할 경우, Object.freeze(오브젝트명) 을 사용한다. 이 경우 오브젝트 내의 데이터 변경이 불가능하다.

 

 

 

 

Hoisting 현상 : 변수의 선언을 변수 범위 맨 위로 끌고 오는 현상.

 

<script>
    console.log(age)
    var age = 20;
    console.log(age)
</script>

var일 경우 정상 출력되지만,

let, const를 사용하면 위와 같은 에러가 출력된다.

 

 

window를 이용해 전역변수를 만들 수 있다. window.변수이름 = 변수내용 으로 선언하고, 할당한다.

 

<script>
    window.name = 'name'
    console.log(window.name)
</script>