`for` 루프의 `setTimeout`이 마지막 값을 두 번 인쇄하는 이유는 무엇이며 어떻게 해결할 수 있습니까?

for-Loop에서 setTimeout을 사용하여 연속 값 출력

setTimeout을 사용하여 연속 값을 인쇄하려고 하는 문제가 발생했습니다. for 루프 내에서 마지막 값이 두 번 인쇄됩니다. 이는 setTimeout 함수 내에서 변수 i를 직접 사용하는 경우 해당 값이 함수가 실행될 때 업데이트되기 때문에 발생합니다. 이 문제를 해결하려면 각 반복마다 고유한 i 복사본을 생성하는 것이 중요합니다.

제공된 솔루션은 doSetTimeout이라는 도우미 함수를 선언하여 이를 달성합니다. 이 함수에서는 i의 현재 값을 보유하기 위해 새 변수가 선언되었으며, 이 값은 시간 초과를 생성할 때 인수로 전달됩니다. 이렇게 하면 각 시간 초과 함수에 고유한 i 복사본이 있으므로 실행 중 값 업데이트와 관련된 문제가 제거됩니다.

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

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

이 솔루션을 사용하면 의도한 대로 연속 값 1과 2를 성공적으로 인쇄할 수 있습니다.

위 내용은 `for` 루프의 `setTimeout`이 마지막 값을 두 번 인쇄하는 이유는 무엇이며 어떻게 해결할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!