let vs var

1. Scope

var - function scope(instance)
let - object scope(제한적)

const app = () => {
  if(true){
    var var_name = 'var_test';
    let let_name = 'let_test';
  }
  console.log(var_name);	// 출력 O
  console.log(let_name);	// 출력 X
}

2. 호이스팅

• 변수값이 할당, 설정되기 전에 함수에서 호출하면 에러가 나타남
• var 변수를 사용하면 변수 값이 할당되지 않은채로
  최상단에 선언됨(호이스팅)

const app = () => {
 console.log(a);
 console.log(b);

 let let_name = 'let_test';	// 출력 X
 var var_name = 'var_test';	// 출력 O, undefined 
}

3. 글로벌 변수, 윈도우 객체

• var 변수 사용 시 윈도우 객체내에 할당됨

let let_name = 'let_test';
var var_name = 'var_test';

console.log(window.a);	// 출력 X
console.log(window.b);	// 출력 O

자료: 땅콩 코딩 [Youtube]