[ES6+] 📝 변수와 상수

💡 변수 (Variable)

값을 저장할 수 있으며 값 할당 후 변경이 가능한 이름이 붙은 메모리 공간

💡 상수 (Constant)

값을 저장할 수 있으며 초기값 할당 후 변경이 불가능한 이름이 붙은 메모리 공간

let  const  var

구성

1. 키워드 (Keyword)
2. 식별자 (Identifier)
3. 자료형 (Data Type)

비교

	let	const	var
초기화	uninitialized	uninitialized	undefined
스코프	블록 스코프	블록 스코프	함수 스코프
중복 선언 허용	❌	❌	✅
TDZ	✅	✅	❌
호이스팅	✅	✅	✅
값 변경	✅	❌	✅
단계	선언, 초기화, 할당 이 따로 일어남	선언 + 초기화 + 할당 이 동시에 일어남	선언 + 초기화 가 동시에 일어남

👉 블록 스코프란?

보충 자료 | var 스코프 제한 기법

💡 즉시 실행 함수 (IIFE; Immediately Invoked Function Expression)

익명 함수를 정의하는 동시에 실행시키는 기법입니다.

예시

// 3가지 방법 모두 동일하게 동작합니다.

(function() {
    console.log("즉시 실행");
})();

!function() {
    console.log("즉시 실행");
}();

+function() {
    console.log("즉시 실행");
}();

용도

1. 스코프 제한
   → var의 호이스팅을 방지하기 위해 IIFE로 감싸 사용하곤 했습니다.
2. 전역공간 오염 방지

특징

1. ES6 이전 버전에서 많이 사용했습니다.
2. ES6+에서는 let, const 문법 등으로 완전히 대체됐습니다.

사용 시 주의 사항

🚨 앞에 세미콜론이 없으면 세미콜론 자동 삽입 (ASI) 이 되지 않아 잘못 작동할 위험이 있습니다.
(이를 해결하기 위해 괄호로 감싸는 대신 맨 앞에 !, + 를 붙여쓰기도 합니다.)