(Javascript) var, let , const 차이점은
Var ( function -scoped)
// var 는 function-scope 이기 때문에 for문이 끝난 다음에 i를 호출하면 값이 출력이 잘 도니다.
// 이건 var hoisting 이 되었기 때문이다.
for(var j = 0 ; j<10 ; j++){
console.log('j',j)
}
console.log('after loop j is' , j ) // after loop j is 10
// 아래의 경우에는 에러가 발생한다 .
function counter() {
for(var i= 0 ; i<10; i++){
console.log('i',i)
}
}
counter()
console.log('after loop i is ' , i) // referenceError : i is no defined
근데 Javascript는 여기서 좀 웃긴 부분이 있다.
위에서 잠깐 말했지만 IIFE는 function-scope 처럼 보이게 만들어 주지만 결과가 같지는 않다.
// 이코드를 실행하면 에러없이 after loop i is 10 이 호출된다.
(function() {
for (i=0; i<10; i ++){
console.log('i',i)
}
})()
console.log('after loop i is ' ,i) // after loop i is 10
IIFE 는 쓰는데 이렇게 hoisting 이 된다면 무슨 소용이 있겠는가 !?
그래서 이런 hoisting을 막기 위해 use strict 를 사용한다.
(function(){
'use strict'
for(i=0; i < 10 ; i++){
console.log('i',i)
}
})()
console.log('after loop i is ' ,i ) //ReferenceError : i is not defined
어떤가 ? 뭔가 변수 선언 때문에 너무 많은 일을 한다고 생각 하지 않는가 ?
그럼 let , const 에 대해서 알아보자
let , const ( block - scoped)
es2015에서는 let, const 가 추가 되었다.
javascript 에는 그동안 var만 존재했기 때문에 아래와 같은 문제가 있었다.
// 이미 만들어진 변수 이름으로 재 선언 했는데 아무런 문제가 발생하지 않는다.
var a = "test"
var a = "test2"
// hoisting 으로 인해 ReferenceError 에러가 안난다.
c = 'test'
var c
위와 같은 문제점으로 인해 javascript 를 욕하는 사람이 참 많았다.
하지만 let, const 를 사용하면 var를 사용할때보다 상당히 이점이 많다.
두개의 공통점은 var와 다르게 변수 재선언 불가능이다.
let 과 const 의 차이점은 변수의 immutable 여부이다.
let 은 변수에 재할당이 가능하지만 const 는 변수 재선언,재할당 모두 불가능하다.
//let
let a = 'test'
let a = 'test2' // uncaught synctaxError : identifier 'a' has already been decalared
a= 'test3' // 가능
//const
const b = 'test'
const b = 'test2' //uncaught synctaxError : identifier 'a' has already been decalared
b= 'test3' // Uncaught TypeError:Assignment to constant variable.
let, const 가 hoisting 이 발생하지 않는건 아니다.
var 가 function-scoped 로 hoisting이 되었다면
let,const 는 block-scoped 단위로 hoisting 이 일어나는데
c= 'test' // referenceError: c is not defined
let c
위에 코드에서 ReferenceError 가 발생하는 이유는 tdz(temporal dead zone )때문이다.
let 은 값을 할당하기전에 변수가 선언 되어있어야 하는데 그렇지 않기 때문에 에러가 난다.
이건 const도 마찬가지 인데 좀 더 엄격하다.
//let 은 선언하고 나중에 값을 할당이 가능하지만
let dd
dd = 'test'
//const 선언과 동시에 값을 할당 해야한다.
const aa // Missing initialzier in const declaration
이렇게 Javascript 에 tdz 가 필요한 이유는 동적언어이다 보니깐 runtime type check 가 필요해서 이다.
Author And Source
이 문제에 관하여((Javascript) var, let , const 차이점은), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@s2s2hyun/Javascript-var-let-const-차이점은저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)