setTimeout이 포함된 For 루프가 예기치 않은 값을 인쇄하는 이유는 무엇입니까?

setTimeout에 래핑된 For 루프가 예상치 못한 값을 인쇄함

이 스크립트에서 for 루프는 변수 i를 사용하여 1에서 2까지 반복합니다. 루프 내에서 타임아웃 기능은 100밀리초 지연으로 설정되어 다음과 같은 경우 i 값을 알려줍니다. 실행됩니다. 그러나 예상되는 동작은 스크립트가 1과 2를 연속적으로 인쇄하는 것이지만 대신 3은 두 번 경고됩니다.

예기치 않은 동작은 i가 루프 전체에서 공유되고 루프로 수정된다는 사실에서 비롯됩니다. 진행됩니다. 시간 초과 기능이 실행될 때 i는 이미 3에 도달하여 두 경고에 해당 값이 표시됩니다.

이 문제를 해결하고 연속적으로 인쇄된 값을 보장하려면 각 시간 초과 기능에 대해 별도의 i 복사본을 만들어야 합니다. . 이는 i를 인수로 사용하고 해당 특정 값을 사용하여 시간 초과를 설정하는 전용 함수 doSetTimeout을 정의하여 달성할 수 있습니다.

doSetTimeout을 사용하여 수정된 스크립트는 다음과 같습니다.

function doSetTimeout(i) {
  setTimeout(function() {
    alert(i);
  }, 100);
}

for (var i = 1; i <= 2; ++i)
  doSetTimeout(i);

이 수정을 통해 루프를 반복할 때마다 doSetTimeout에 전달되는 i의 새 복사본이 생성되어 각 시간 초과가 올바른 값으로 실행되도록 합니다.

위 내용은 setTimeout이 포함된 For 루프가 예기치 않은 값을 인쇄하는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!