ホームページ  >  記事  >  ウェブフロントエンド  >  es6 での await の使用法は何ですか?

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

WBOY
WBOYオリジナル
2022-03-31 11:37:242257ブラウズ

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

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