📒Javascript 변수 :)

1. 변수의 생성과정

📌 초기화: undefined를 할당 해주는 단계

🔵 var

1. 선언 및 초기화 단계
2. 할당 단계

🔵 let

1. 선언 단계
2. 초기화 단계
3. 할당 단계

🔵 const

1. 선언 + 초기화 + 할당

👾#1

let name;
name = 'Zooyaho';

var age;
age = 30;

const gender; // SyntaxError
gender = 'male';

2. 호이스팅(Hoisting)

스코프 내부 어디서든 변수 선언은 최상위에 선언된 것 처럼 행동

3. 변수 선언

var, let, const

🔵 var

• var는 선언하기 전에 사용할 수 있다.

console.log(name); // undefined
var name = 'Zooyaho';

👉🏻 아래와 같이 동작함.

var name;
console.log(name); // undefined
name = 'Zooyaho';

👉🏻 선언은 호이스팅이 되지만 할당은 호이스팅이 되지 않음~!

🔵 let, const

• TDZ에 영향을 받기 때문에 let, const는 선언하기 전에 사용할 수 없음.
• 호이스팅은 가능함, 초기화가 되지 않아 에러를 발생하는 것.

console.log(name); // ReferenceError
let name = 'Zooyaho';

4. TDZ(Temporal Dead Zone)

• 할당하기 전에는 선언된 변수를 호이스팅할 수 없음

👾#1

let age = 12;
function showAge() {
  console.log(age); // ReferenceError
  let age = 20;
  
}
showAge();

👉🏻 호이스팅은 스코프 단위로 일어나기 때문에 에러발생

5. 스코프

◾️ var: 함수 스코프(function-scoped)

👉🏻 함수 내에서 선언할 경우 함수 밖에서는 해당 함수를 사용하지 못함

◾️ let, const: 블록 스코프(block-scoped)

👉🏻 함수, if문, for문, while문, try/catch문 등의 안에서만 선언한 변수 사용가능