> 웹 프론트엔드 > JS 튜토리얼 > JavaScript의 TDZ(시간적 데드존) 및 호이스팅:

JavaScript의 TDZ(시간적 데드존) 및 호이스팅:

DDD
풀어 주다: 2024-09-18 17:39:06
원래의
512명이 탐색했습니다.

Temporal Dead Zone (TDZ) and Hoisting in JavaScript:

TDZ(시간적 데드존) 및 JavaScript의 호이스팅:

  1. 시간적 데드존(TDZ): 시간적 데드존은 범위(예: 블록 또는 함수)에 진입하고 변수가 선언되는 사이의 시간 간격을 나타냅니다. 이 영역에서 변수에 액세스하려고 하면 ReferenceError가 발생합니다. TDZ는 초기화되기 전에 let, const, class를 사용하여 선언된 변수에 대해 존재합니다.

예:

console.log(myVar); // 정의되지 않음
console.log(myLet); // ReferenceError: 초기화 전에 'myLet'에 접근할 수 없습니다

var myVar = 5;
myLet = 10;

위의 예에서 myVar는 var를 사용하여 선언되었으므로 끌어올려지고 정의되지 않은 상태로 초기화됩니다. 하지만 myLet은 선언될 때까지 Temporal Dead Zone에 있으므로 선언 전에 액세스하려고 하면 ReferenceError가 발생합니다.

TDZ의 핵심 포인트:

let 또는 const를 사용하여 선언된 변수는 호이스팅되더라도 블록 범위 내에서 선언되기 전에는 액세스할 수 없습니다.

이렇게 하면 명시적으로 초기화되기 전에 변수를 사용하는 것을 방지할 수 있습니다.


  1. 호이스팅: 호이스팅은 컴파일 단계에서 변수 및 함수 선언이 해당 범위(전역 범위 또는 함수/블록 범위)의 맨 위로 이동되는 JavaScript의 동작을 나타냅니다. 그러나 초기화는 아닌 선언만 호이스팅됩니다.

예:

console.log(myVar); // 정의되지 않음
var myVar = 5;

위의 예에서 myVar의 선언은 맨 위로 끌어올려지지만 초기화(myVar = 5)는 작성된 위치에 남아 있습니다. 그래서 초기화 이전에 console.log(myVar)를 호출하면 정의되지 않은 결과를 반환합니다.

var, let, const 및 함수 호이스팅:

var: var로 선언된 변수는 호이스팅되고 undef로 초기화됩니다.

console.log(myVar); // 정의되지 않음
var myVar = 10;

let 및 const: let 및 const로 선언된 변수는 호이스팅되지만 초기화되지는 않습니다. 초기화될 때까지 TDZ에 남아 있습니다.

console.log(myLet); // 참조오류
myLet = 20;

함수 선언: 함수 선언은 완전히 호이스트됩니다. 즉, 코드에서 선언된 지점 이전에도 함수를 호출할 수 있습니다.

myFunc(); // "안녕하세요!"

myFunc() 함수 {
console.log("안녕하세요!");
}


호이스팅과 TDZ의 주요 차이점:

호이스팅은 변수 및 함수 선언을 해당 범위의 최상위로 끌어올립니다.

시간적 데드존은 변수가 호이스팅되지만 초기화될 때까지 액세스할 수 없는 let, const 및 class에 대해 발생합니다. 이렇게 하면 선언 전에 변수에 액세스하는 것이 방지됩니다.

위 내용은 JavaScript의 TDZ(시간적 데드존) 및 호이스팅:의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿