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

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

Susan Sarandon
Susan Sarandonオリジナル
2024-12-30 11:06:181031ブラウズ

How Can I Implement a Sleep Function in Modern JavaScript?

JavaScript の Sleep() に相当するもの: 最新のソリューション

JavaScript では、実行を一時停止する従来のアプローチは、pausecomp() 関数でした。しかし、言語の進歩により、Promise と非同期プログラミングを活用した、より洗練されたソリューションが登場しました。

sleep() に代わる最新の JavaScript は、sleep() という名前の関数です。その定義は次のとおりです。

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

この関数はミリ秒の期間をとり、指定された時間間隔の後に解決される Promise を返します。この Promise を await とともに使用すると、コードの実行を必要な期間効果的に一時停止できます。例:

async function example() {
    console.log('Starting example...');
    await sleep(2000); // Pause for 2 seconds
    console.log('Example finished');
}

example();

または、アロー関数を使用して sleep() の簡潔なバージョンを定義できます:

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

このバージョンの使用:

async function example() {
    console.log('Starting example...');
    await sleep(2000);
    console.log('Example finished');
}

example();

この最新のアプローチを使用すると、JavaScript で真の非同期スリープを実現し、コードの実行を一時停止し、実行後に再開することができます。従来のpausecomp()関数に頼ることなく、指定された期間を維持します。

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

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