ホームページ > ウェブフロントエンド > jsチュートリアル > es6 での await の使用法は何ですか?

es6 での await の使用法は何ですか?

WBOY
リリース: 2022-03-31 11:37:24
オリジナル
2364 人が閲覧しました

es6 では、Promise の非同期リクエストを待つために await を使用します。非同期操作が完了すると、async 関数の実行が再開されます。このキーワードは「async function」でのみ使用できます。構文は「async function(){ await=promise を返す非同期リクエスト}」です。

es6 での await の使用法は何ですか?

このチュートリアルの動作環境: Windows 10 システム、ECMAScript バージョン 6.0、Dell G3 コンピューター。

es6 での await の使用法は何ですか

構文は次のとおりです:

async function(){await=返回promise的异步请求}
ログイン後にコピー

await は式を形成するために使用される演算子です。await 式の結果は、式などによって異なります。もの。 Promise オブジェクトを待機している場合は、Promise オブジェクトが解決されるまで待機し、await 式の結果としてsolve の値を取得します。 sync 関数呼び出しはブロッキングを引き起こさず、内部のすべてのブロッキングは Promise オブジェクトにカプセル化され、非同期に実行されます。

async 関数には await 式が存在する可能性があります。async 関数の実行時に await が発生すると、実行は最初に一時停止されます。トリガーされた非同期操作が完了した後、async 関数の実行は再開され、解析された値が返されます。

await キーワードは、非同期関数でのみ有効です。 await を非同期関数の外で使用すると、構文エラーが発生するだけです。

戻り値

Promise オブジェクトの処理結果を返します。 Promise オブジェクト以外が待機されている場合は、値そのものが返されます。

Promise が await オペレーターに渡された場合、await は Promise が正常に処理されるのを待ち、その処理結果を返します。

例は次のとおりです。

function testAwait (x) {
  return new Promise(resolve => {
    setTimeout(() => {
      resolve(x);
    }, 2000);
  });
}
 
async function helloAsync() {
  var x = await testAwait ("hello world");
  console.log(x); 
}
helloAsync ();
// hello world
ログイン後にコピー

通常、await コマンドの後に Promise オブジェクトが続きます。このオブジェクトの後に、文字列、ブール値、数値、およびその他の値を続けることもできます。通常の機能。

es6 での await の使用法は何ですか?

[関連する推奨事項: JavaScript ビデオ チュートリアル Web フロントエンド ]

以上がes6 での await の使用法は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
es6
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート