[드림코딩/코딩앙마] scope와 hoisting, 그리고 TDZ (추가)

scope

변수의 '수명'

1. local scope
2. global scope

1. local scope

지역변수(Local Variable)가 가지는 범위로, 함수가 실행되면 만들어지고 함수가 종료되면 소멸한다. 함수 외부에서는 접근할 수 없다.

2. global scope

전역변수(Global Variable)가 가지는 범위로 변수가 함수 외부에서 선언되어 프로그램 전체에서 접근할 수 있다.

---

 

let globalMsg = 'global'; // global variable
function printMsg() {
    let msg = 'hello';
    console.log(msg); // local variable
    console.log(globalMsg); // 정상작동한다.
}
printMsg();
console.log(msg); //RefenceError가 발생한다.

안(local scope 내부)에서는 밖(global scope)를 볼 수 있지만, 밖에서는 안을 볼 수 없다.

---

hoisting

scope 내부 어디서든 변수가 최상으로 끌어올려진 것처럼 동작한다.

• 'var로 선언한 모든 변수'와 '함수 선언문'은 hoisting된다.
• '변수 선언'이 '함수 선언'보다, '할당되어있는 변수'가 '할당되어있지 않은 변수'보다 먼저 인식된다.

---

TDZ (Temporal Dead Zone)

변수가 선언되었지만 초기화되기 전까지 액세스할 수 없는 영역(변수 할당 전으로 사용이 불가한 영역)이다. let 및 const 키워드를 사용하여 변수를 선언할 때 발생한다.

console.log(myVar); // 에러! myVar는 TDZ에 있으므로 참조할 수 없음

let myVar = 42; // 변수를 선언하고 초기화
console.log(myVar); // 이제 myVar의 값인 42를 출력

if (true) {
  console.log(myVar); // 에러! myVar는 TDZ에 있으므로 참조할 수 없음
  let myVar = 42; // 변수를 선언하고 초기화
  console.log(myVar); // 이제 myVar의 값인 42를 출력
}

---

출처 : 드림코딩 https://www.youtube.com/@dream-coding / 코딩앙마 https://www.youtube.com/@codingangma