본문 바로가기

Javascript

let과 const의 차이?

✅ 변수(variable)란?

자바스크립트에서 값(데이터)을 저장해놓고 사용하기 위해 변수라는 것을 사용한다. 변수는 저장해놓은 값을 가리키는 일종의 <이름표>라고 할 수 있다. 이렇게 변수를 사용하면 해당 데이터가 의미하는 바를 <변수 이름>을 통해 표현한다.

 

1️⃣ 변수 선언과 데이터 할당

  : 자바스크립트에서 변수를 선언할 때 let 이라는 키워드  사용

 

let 변수이름 = 값 (보통 "변수 <변수이름> 를 선언했고 해당 변수에 <값>을 할당했다")

let name = "Hyunjin Lee" // name이라는 <변수>에 "Hyunjin Lee" 이라는 값을 할당

console.log(name) // 변수 name이 가리키고 있는 값 "Hyunjin Lee" 을 출력

 

name = "Kyungsoek Kim" // 위에서 선언했던 name이라는 변수에 "Kyungsoek Kim"이라는 값을 다시 재할당

console.log(name) // 변수 name이 가리키고 있는 값 "Kyungsoek Kim" 을 출력

 

✅ 변수를 선언할 때 var 라는 키워드는?

: let, const가 있기 전에 실제로 var 를 써서 변수를 선언해야만 했다. 하지만 최신 자바스크립트에서는 let과 const를 쓰는 것이 맞다. (var는 여러 단점들이 있기 때문에 더 이상 사용하지 않는 추세)

 

 

✅ const는 let과 달리 한번 변수의 값을 할당하게 되면 다시 할당할 수 없다. 그래서 해당 변수의 값을 할당한 이후에 다시 할당할 일이 없을 때 사용한다.

 

const name = "Hyunjin Lee" // name이라는 <변수>에 "Hyunjin Lee" 이라는 값을 할당

console.log(name) // 변수 name이 가리키고 있는 값 "Hyunjin Lee" 을 출력

 

name = "Kyungsoek Kim" // 위에서 선언했던 name이라는 변수에 "Kyungsoek Kim"이라는 값을 다시 재할당

console.log(name) // 변수 name이 가리키고 있는 값 "Kyungsoek Kim" 이라는 값을 다시 재할당하려는 것이지만 실패. 에러 발생!