JavaScript에서 `let`과 `const`가 호이스팅되지 않는 것처럼 보이는 이유는 무엇입니까?

let 또는 const로 선언된 변수 호이스팅

ES6에서 let 또는 const로 선언된 변수는 var에 비해 일관되지 않은 호이스팅 동작을 보이는 것으로 보입니다.

호이스팅의 신화

먼저, 이를 명확히 하는 것이 중요합니다. let, const, var, function, function* 및 class를 사용하는 선언을 포함하여 JavaScript의 모든 선언은 호이스팅됩니다. 즉, 이러한 모든 선언은 정의된 범위 전체에서 볼 수 있습니다.

let과 const의 차이점

주요 차이점은 호이스팅이 아니라 초기화 let 및 const 변수.

• var/function/function*: 이러한 선언은 바인딩이 범위의 최상위에서 생성될 때 정의되지 않음 또는 함수 자체로 초기화됩니다.
• let/const/class: 이러한 선언은 초기화되지 않은 상태로 유지됩니다. 정의된 문이 실행될 때까지.

선언과 초기화 사이의 시간적 간격으로 인해 오해가 발생합니다.

시간적 불감대

let 및 const 변수의 경우 선언과 초기화 사이의 기간을

시간적 불감대라고 합니다. 이 시간 동안 변수에 액세스하면 ReferenceError가 발생합니다.

예

x = y = "global";
(function() {
    console.log(x); // undefined
    console.log(y); // Reference error: y is not defined

    var x = "local";
    let y = "local";
}());

이 예에서는 var 및 let 변수 x 및 y가 함수 범위의 맨 위에 선언됩니다. 그러나 let 변수 y는 나중까지 초기화되지 않아 y에 액세스하면 오류가 발생하는 임시 데드존이 생성됩니다.

결론

JavaScript의 모든 선언이 호이스팅되는 동안 let 및 const 변수는 다른 초기화 동작. 이 동작은 "호이스팅되지 않음"이라는 인식으로 이어지지만 실제로는 늦은 초기화로 인해 생성된 시간적 데드존 때문입니다. let과 const 변수 모두 호이스팅 측면에서 동일하게 작동합니다.

위 내용은 JavaScript에서 `let`과 `const`가 호이스팅되지 않는 것처럼 보이는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!