ホームページ  >  記事  >  ウェブフロントエンド  >  Promise で setTimeout() メソッドをラップするにはどうすればよいですか?

Promise で setTimeout() メソッドをラップするにはどうすればよいですか?

WBOY
WBOY転載
2023-08-27 23:29:051258ブラウズ

如何将 setTimeout() 方法包装在 Promise 中?

setTimeOut() メソッドは、特定のミリ秒数の後にコードまたは関数を実行します。場合によっては、特定の遅延の後に Promise を解決または拒否する必要がある場合、Promise で setTimeout() メソッドを使用できます。

JavaScript では、promise は非同期操作の結果を返すオブジェクトです。ここでは、setTimeOut() メソッドを使用して、遅延後に Promise を解決または拒否する方法を学びます。

例 1 (setTimeOut() メソッドを使用しない Promise)

次の例では、Promise() コンストラクターを使用して新しい Promise を作成します。 Promise コンストラクターはコールバック関数をパラメーターとして受け取り、コールバック関数は replace() メソッドを実行して Promise を解決します。 Promise の基本的な使用法を示します。

リーリー ###文法###

ユーザーは、次の構文に従って、Promise で setTimeOut() メソッドを使用できます。

リーリー

上記の構文では、setTimeOut() メソッドの中でsolve() メソッドを実行します。ミリ秒の「遅延」の後に、resolve() メソッドが実行されます。

例 2 (async 関数と setTimeOut() メソッドを使用した約束)

以下の例では、「resolvePromise」という名前の非同期関数を作成します。 Promise を作成し、「sumPromise」変数に保存します。 await キーワードを使用して、Promise が解決されるまで関数の実行を一時停止した後。

ユーザーは、ボタンを押すたびに、2000 ミリ秒後に Promise が解決されることが出力で確認できます。

リーリー

例 3 (then() ブロックと setTimeout() メソッドによる約束)

次の例では、例 2 に示すように、async/await 構文を使用する代わりに、then() ブロックを使用して Promise を解決します。また、例 2 に示すように、Promise で setTimeOut() を使用して、遅延後に Promise を解決します。

リーリー

このチュートリアルでは、Promise で setTimeOut() メソッドをラップする方法をユーザーに説明します。さらに、async/await 構文と then() ブロックを使用して Promise を解決します。ユーザーは、特定のミリ秒後に Promise を解決する上記の例の出力を観察できます。

以上がPromise で setTimeout() メソッドをラップするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はtutorialspoint.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。