[JavaScript] var, let, const

변수 선언 방식

var

var greeting = 'hello';
console.log(greeting); 

var greeting = 'hi'; //재선언시에도 문제가 없음
console.log(greeting);

greeting = 'how are you?'; //재할당
console.log(greeting); 

결과

콘솔창 결과

• 위와 같이 중복 선언과, 중복 할당이 가능하며, 마지막에 할당된 값이 저장된다.
• 이러한 특징으로 중복 선언과 재할당이 가능하지만, 소스코드가 복잡해질경우 기존에 선언한 변수를 잊고
  재 선언, 재할당 할 가능성이 생기며, 어떠한 부분에서 값이 바뀌는지 알기 힘들어진다.

let

let greeting = 'hello';
console.log(greeting);

// let greeting = 'hello'; // 재선언 불가 (에러)
greeting = 'hi' //재할당 가능
console.log(greeting);

에러 발생

재선언 불가

결과

콘솔창 결과

• 중복 선언이 불가능하며, 재할당은 가능하다.

const

const greeting='hello';
console.log(greeting);

const greeting='hello';
greeting = 'hi' //재할당 불가능 console 창 에러

console.log(greeting)

에러 발생

에러

결과

콘솔창 결과

• 재선언, 재할당 모두 불가능하다

재할당이 가능한 경우가 있다.

배열과, 객채의 경우 값을 변경할 수 있다.

const arrayList = [1,2,3];
console.log(arrayList);
arrayList.push(4); 
console.log(arrayList);

const objectList = ({a:'a', b:'b'})
console.log(objectList)
objectList.c = "c";
console.log(objectList)

결과

콘솔창 결과