JavaScript でスリープ関数を実装するにはどうすればよいですか?

JavaScript のスリープ機能を理解する

他のプログラミング言語とは異なり、JavaScript には実行を一時停止するネイティブの sleep() 関数がありません。しかし、JavaScript 内での真のスリープ メカニズムの追求により、さまざまな技術が登場しました。

Pausecomp 関数: 初期の試み

そのような試みの 1 つが、pausecomp でした。この関数は、現在のシステム時刻を初期タイムスタンプと手動でチェックすることによって一時停止を引き起こす粗雑な方法を導入しました。当時はその目的を果たしましたが、その後の進歩により時代遅れになってしまいました。

最新の JavaScript ソリューション: Promises と Async/Await

現在、推奨される実装アプローチJavaScript のスリープは Promise と async/await 構文を利用します。このアプローチは、クリーンで簡単なソリューションを提供します。

function sleep(ms) {
    return new Promise(resolve => setTimeout(resolve, ms));
}

この関数を使用するには:

await sleep(2000); // Pauses execution for 2 seconds

最新のアプローチの利点

このアプローチには、以前のものに比べていくつかの利点がありますメソッド:

• 単純さ: Promise ベースの sleep() 関数は実装と理解が簡単です。
• 柔軟性:一時停止の長さを指定できます
• Async/Await: async/await を利用すると、sleep() 関数を非同期コード内でシームレスに使用でき、ノンブロッキングになります。

使用例

これは、動作中の sleep() 関数:

async function demo() {
    for (let i = 0; i < 5; i++) {
        console.log(`Waiting ${i} seconds...`);
        await sleep(i * 1000);
    }
    console.log('Done');
}

demo();

このコードはスリープ機能をシミュレートし、反復ごとに待機秒数が増加してから、「待機中」メッセージを出力し、最終的に「完了」をログに記録します。

以上がJavaScript でスリープ関数を実装するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。