JavaScript For 루프에서 `let`과 `var`를 사용하면 왜 다른 결과가 생성됩니까?

For 루프의 let 및 블록 범위 지정에 대한 설명

JavaScript에서 let 키워드는 변수 선언이 중복되는 것을 방지하고 변수 내에서 사용할 수 있도록 허용합니다. 폐쇄. 그러나 for 루프에서의 동작은 혼란스러울 수 있습니다.

문제:

다음 코드에서:

// prints '10' 10 times
for (var i = 0; i < 10; i++) { process.nextTick(_ => console.log(i)) }
// prints '0' through '9'
for (let i = 0; i < 10; i++) { process.nextTick(_ => console.log(i)) }

let in을 사용하는 이유는 무엇입니까? 두 번째 루프의 결과는 다릅니다. 출력?

해결책:

let in for 루프를 사용하면 각 반복마다 새로운 블록 범위가 생성됩니다. 이는 각 반복 내에서 새 변수 i가 생성되고 반복 간에 공유되지 않음을 의미합니다. var를 사용하는 첫 번째 루프에서는 동일한 변수 i가 각 반복에서 재사용되어 '10'이 반복적으로 출력됩니다.

내부 메커니즘:

ECMAScript 사양은 for 루프의 let in 동작을 다음과 같이 정의합니다.

• 각 초기화 표현식에 대해 (예: let i = 0), 초기화된 이름에 대한 바인딩을 사용하여 새 어휘 환경이 생성됩니다.
• 각 후속 반복 표현식(예: i )에 대해 다음 복사본을 사용하여 새 어휘 환경이 생성됩니다. 이전 환경의 바인딩.

두 번째 예에서 각 반복마다 생성된 새로운 어휘 환경은 새로운 변수 i를 보장합니다. 각 반복에서 사용되어 '0'부터 '9'까지의 출력이 발생합니다.

결론:

let in for 루프를 사용하면 내부에 블록 범위 지정이 생성됩니다. 이는 충돌을 피하고 캡슐화를 유지하는 데 유용할 수 있습니다. 이 동작은 단순한 구문 설탕이 아니라 JavaScript의 let의 기본 기능입니다.

위 내용은 JavaScript For 루프에서 `let`과 `var`를 사용하면 왜 다른 결과가 생성됩니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!