ホームページ >ウェブフロントエンド >jsチュートリアル >最新の JavaScript でスリープ関数を効率的に実装するにはどうすればよいですか?

最新の JavaScript でスリープ関数を効率的に実装するにはどうすればよいですか?

Barbara Streisand
Barbara Streisandオリジナル
2025-01-03 11:56:40674ブラウズ

How Can I Efficiently Implement a Sleep Function in Modern JavaScript?

JavaScript で効果的な睡眠ソリューションを作成する: 最新のアプローチ

pausecomp 関数は JavaScript で一時停止を引き起こすための基本的なソリューションを提供しますが、現代の標準ではより効率的なソリューションが求められています。そしてエレガントなアプローチ。この記事では、2009 年以来進化してきた JavaScript の関数内で「本当のスリープ」を実現するための現在のベスト プラクティスを紹介します。

優れたスリープ関数

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

この関数は Promise を活用しています。 ECMAScript 2015 で導入された組み込み機能である API は、非同期スリープ操作を表す Promise を作成します。指定されたミリ秒 (ms) 数が経過すると、解決関数が呼び出され、実行の継続がトリガーされます。

使用例

関数として:

const sleep = ms => new Promise(r => setTimeout(r, ms));

一行構文:

await new Promise(r => setTimeout(r, 2000));

デモ:

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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。