ホームページ > 記事 > ウェブフロントエンド > JavaScript で非同期操作が完了するまで一時停止するループを作成するにはどうすればよいですか?
JavaScript の非同期の課題: より深い探索
伝統的に、JavaScript ループは同期的に動作し、1 行ずつ実行されます。ただし、非同期コードには新しい次元が導入されており、制御フローを維持するための創造的なソリューションを見つける必要があります。
そのような課題の 1 つは、非同期操作が完了するまで一時停止するループの作成にあります。次の例を考えてみましょう:
<code class="javascript">for ( /* ... */ ) { someFunction(param1, praram2, function(result) { // Okay, for cycle could continue }) } alert("For cycle ended");</code>
このコードはループ内で非同期呼び出しを実行することを目的としていますが、ループの同期的な性質により期待どおりに動作しません。非同期関数が完了する前にループが継続するため、不正確な結果やエラーが発生する可能性があります。
非同期ループのロックを解除する
このハードルを克服するには、非同期の性質を受け入れる必要があります。 JavaScript を使用し、イベント駆動型の手法を利用します。洗練された解決策は、asyncLoop 関数です。
<code class="javascript">function asyncLoop(iterations, func, callback) { // ... }</code>
この関数は、非同期ループを作成します。スクリプトをブロックする代わりに、ループがバックグラウンドで反復されている間、ブラウザーが応答を継続できるようにします。
<code class="javascript">asyncLoop(10, function(loop) { someFunction(1, 2, function(result) { // log the iteration console.log(loop.iteration()); // Okay, for cycle could continue loop.next(); })}, function(){console.log('cycle ended')} );</code>
この例では、someFunction が非同期で実行され、asyncLoop によってループが確実に待機するようになります。続行する前に、呼び出しを完了してください。その結果、JavaScript の非同期の性質を活用しながら、同期動作を模倣する、制御された実行フローが得られます。
以上がJavaScript で非同期操作が完了するまで一時停止するループを作成するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。