setTimeout を使用した For ループが予期しない値を出力するのはなぜですか?

setTimeout でラップされた For ループが予期しない値を出力する

このスクリプトでは、for ループが変数 i を 1 から 2 まで繰り返します。ループ内では、タイムアウト関数が 100 ミリ秒の遅延で設定され、次の値を警告します。 i 実行時。ただし、予期される動作は、スクリプトが 1 と 2 を連続して出力することですが、代わりに 3 が 2 回アラートされます。

予期しない動作は、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 中国語 Web サイトの他の関連記事を参照してください。