[JS] 변수 선언방식 var let const 각각의 차이점

Java Script에서의 변수 선언방식에는 현재 아래와 같이 있다

-var

-let

-const

 

결론부터 말하자면 변수를 선언을 할떄는

const를 사용하는 편이 좋다.

---

1) var

우선 var를 선언했을 경우의 코드 예시를 보겠다.

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

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

이미 변수를 한 번 더 선언하였지만 추가로 변수를 선언했을 경우에도 에러가 나지 않았다. 그리고

변수가 선언된 그대로  다른 값이 출력되는 것을 볼 수 있다.

이는 유연한 변수 선언으로 짧은 코드에는 상관이 없을수도 있지만,

코드량이 많아 진다면 어디에서 어떻게 사용 될지도 파악하기 힘들며, 실수를 하여 값이 바뀔 우려가 매우 높다.

---

2)let

let을 선언했을 경우의 코드 예시를 보겠다.

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

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

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

그럼 let과 const의 차이는 무엇일까?

 

---

3)const

const을 선언했을 경우의 코드 예시를 보겠다.

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

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

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

let의 경우에는 변수 재선언은 불가하였지만, 변수 재할당은 가능하였다. 

이또한 안되는것이 const이다. 

그렇기에 const를 사용하요 변수부분에서의 실수를 줄일수 있는

const를 사용하는것을 추천한다.

 

프로그래밍은 버그와 싸우는 것이이기에 처음부터 싸움을 빨리 파악해서

그부분을 찾는 것이 중요하기 떄문이다.