자바스크립트의 변수

var는 변수 선언 방식에 있어서 큰 단점을 가지고 있다.

    var name = 'bathingape'
    console.log(name) // bathingape

   var name = 'javascript'
   console.log(name) // javascript

 

변수를 한 번 더 선언했음에도 불구하고, 에러가 나오지 않고 각기 다른 값이 출력되는 것을 볼 수 있다.

이는 유연한 변수 선언으로 간단한 테스트에는 편리 할 수 있겠으나, 코드량이 많아 진다면 어디에서 어떻게 사용 될지도 파악하기 힘들뿐더러 값이 바뀔 우려가 있다.

 

 

let 은 변수에 재할당이 가능하다.

    let name = 'bathingape'
    console.log(name) // bathingape

let name = 'javascript'
    console.log(name)
    // Uncaught SyntaxError: Identifier 'name' has already been declared

name = 'react'
    console.log(name) //react

 

 

const는 변수 재선언, 변수 재할당 모두 불가능하다.

    const name = 'bathingape'
    console.log(name) // bathingape

const name = 'javascript'
    console.log(name)
    // Uncaught SyntaxError: Identifier 'name' has already been declared

name = 'react'
    console.log(name)
    //Uncaught TypeError: Assignment to constant variable.

 

 

출처: https://velog.io/@bathingape/JavaScript-var-let-const-%EC%B0%A8%EC%9D%B4%EC%A0%90

var, let, const 차이점