[Vanilla JS] const 와 let, var 의 차이점

노마드코더 바닐라 js 챌린지를 다시 수강하면서 알아두면 좋을만한 이론들을 정리해보려고 한다!

까먹지말고.. 잘 기억하기!

 

---

const

한번 할당하면 변경이 불가능한 값

 

const a = 1;
a = 10; // > Error

const ) 에러 발생

const 를 사용하는 이유

• 보안 : 값이 변경되지 않아 해킹 방지 가능
• 스레드 안전성 : 프로세스 안에서 다양한 스레드가 동시에 실행되는데, 동시에 변수에 접근하여 값을 변경하는 것이 불가능
• 인간의 실수 감소

 

let

변경될 수 있는 값

let age = 24;
console.log(age); // 24

age = 4;
console.log(age); // 4

let ) 값이 변경된다

 

블록 스코프

let globalName = "global name";
let name = "choonsik";
//global 변수는 어플리케이션 시작부터 끝날 때까지 메모리에 있기 때문에 최소한으로 쓰는 것이 좋다.
{
  let name = "lion";
  console.log(name); // let은 블록스코프를 가진다.
  name = "cat";
  console.log(name);
}

console.log(globalName); // global 변수이기 때문에 출력가능
console.log(name);

 

 

var 

지금은 여러 문제점으로 인해 사용하지 않는다.

선언을 하지 않았는데도 출력이 가능한 현상이 생기기 때문인데, 이러한 현상을 호이스팅 (끌어올리다) 라고 부른다.

 

* var hoisting : 어디에 선언했는지에 상관없이 제일 위로 선언을 끌어올리는 것

console.log(age); // 아직 선언을 안한 상태인데 undefined로 출력 가능

age = 4;
console.log(age); // >> 4

var age;

{
  age1 = 5; 
  var age1;
  console.log(age1); // >> 5

  age1 = 50;
  console.log(age1); // >> 50
}

console.log(age1); // 블록 스코프 조차도 없다 >> 50

 

---

중간에 값을 변경해줘야 할 경우가 아니라면 const를 사용하면 된다.

값을 중간에 변경해줘야 하는 상황에서는 let을 사용하면 된다!