[자바스크립트] var,let,const 변수 정리

한동안 프로젝트 진행으로

블로그 업로드가 뜸했지만

막히는게 많고 기본기가 부족하단 걸 절실히 깨닫게 되어

기초부터 다시 돌아가서 시작하는 의미로

문법부터 차근차근 포스팅하려고 한다.

​

자바스크립트 변수는

ES6 업데이트 전에는

var 변수만 있었으나

호이스팅과 재할당(이 부분은 다음 포스팅때 설명) 관련 불편함 개선을 목적으로

업데이트 후 let, const 변수가 추가되었다.

​

기본적으로 변수는

선언과 할당의 특징을 가진다.

 

 

var name = 'klopp' 
// var name 까지는 선언
// name = 'klopp' 부분은 할당 
var name = 'klopp' // 이 부분은 선언과 할당을 같이 해준 것

​

let과 const도 이렇게 사용하면 된다.

​

하지만 var는 재할당과 재선언이 가능하다.

var name = 'klopp' // 이후 다른 곳에서 
var name = 'pep' // 이렇게 또 재선언을 해줄 수 있다. 하지만 

let name = 'klopp'
let name = 'pep' // 이렇게 재선언을 할 수는 없다 const도 마찬가지

// 하지만 let은 '재할당'이 가능하다. 
let name = 'klopp'//후에 
name = 'pep' // 이렇게 재할당 시 name은 pep으로 사용할 수 있다. 

const name = 'klopp' 
name = 'pep' // 하지만 const는 이렇게 재할당이 불가능하다.