概要async/await と Promise の基本的な違いは、await fn() は現在の関数の実行を一時停止しますが、promise.then(fn) は fn 呼び出しをコールバック チェーンに追加した後、現在の関数の実行を継続することです。 const fn = () => console.log('hello') 定数a = 非同期() => { await fn() // fn の実行を一時停止する } // a が呼び出されると、fn の実行が再開されます a() // "hello" const promise = Promise.resolve() // コールバックチェーンにfnを追加した後、fnの実行を継続します promise.then(fn) // "こんにちは" スタック トレースのコンテキストでは、この違いは非常に重要です。 Promise チェーン (desugared かどうかに関係なく) がいつでも未処理の例外をスローすると、JavaScript エンジンはエラー メッセージを表示し、(うまくいけば) 有用なスタック トレースをログに記録します。 開発者としては、通常の Promise を使用する場合でも、async await を使用する場合でも、これを期待するでしょう。 約束非同期関数 b の呼び出しが解決されると、関数 c が呼び出されるシナリオを想像してください。 const b = () => Promise.resolve() 定数a = () => { b().then(() => c()) } が呼び出されると、次のことが同期的に発生します。
その後、関数 a の本体のコード実行を終了します。 A は決して中断されず、B への非同期呼び出しが解決されるまでにコンテキストは消えてしまいます。 b (または c) が非同期に例外をスローした場合に何が起こるか想像してみてください。理想的には、B (または C) がそこから呼び出されたので、スタック トレースに A が含まれるはずですよね?を参照しなくなったので、これをどのように実行できるでしょうか? これを機能させるには、JavaScript エンジンが上記の手順を超えて何かを実行する必要があります。つまり、機会があるたびにスタック トレースをキャプチャして保存する必要があります。 V8 では、スタック トレースは b によって返される Promise に添付されます。 Promise が満たされると、スタック トレースが渡され、c が必要に応じて使用できるようになります。 b()[a] -> b().then()[a] -> c[a?:a] スタック トレースのキャプチャには時間がかかります (つまり、パフォーマンスが低下します)。これらのスタック トレースを保存するにはメモリが必要です。 非同期/待機以下は、Promise の代わりに async/await を使用して記述した同じプログラムです。 const b = () => Promise.resolve() 定数a = 非同期() => { b() を待つ c() } await を使用すると、スタック トレースが await 呼び出しで収集されない場合でも、呼び出しチェーンを再開できます。 これは、A が中断され、B が解決されるのを待機しているために可能です。 b が例外をスローした場合、スタック トレースは要求に応じてこの方法で再構築できます。 c が例外をスローした場合、その時点ではまだ a のコンテキスト内にあるため、同期関数の場合と同じようにスタック トレースを構築できます。 次の推奨事項に従って、JavaScript エンジンがスタック トレースをより効率的に処理できるようにします。
以上がJS非同期スタックトレースの詳細と、なぜawaitがPromiseより優れているのかです。Javascriptの詳細については、123WORDPRESS.COMの他の関連記事にも注目してください。 以下もご興味があるかもしれません:
|
<<: WindowsとLinux間でファイルを転送する方法
>>: Windows での MySQL のダウンロード、インストール、設定、使用に関するチュートリアル
目次1. Docker分散lnmpイメージ生成1. Nginx、MySQL、PHPコンテナを実行する...
Web ページ ボックス モデルには 2 種類あります。 1: 標準 W3C ボックス モデル。2:...
最近、リンク データについていくつか調査していて、rdf データベースを使用する必要があったため、v...
1. レイヤー4負荷分散の概要レイヤー 4 ロード バランシングとは何ですか?いわゆる 4 層負荷分...
バックエンド プログラマーとして、フロントエンドのものをいじらなければならないこともあります。そこで...
ドクター紹介: Docker はコンテナ関連の技術です。簡単に言うと、さまざまなソフトウェアを実行で...
よく食べて十分に休息を取るというのは簡単なことのように思えますが、実際に実行するのはそれほど簡単では...
jQueryを使用してフォーム検証を実装します。参考までに、具体的な内容は次のとおりです。登録.ht...
1. Canvas画像をCSS背景画像として使用するCSS ペイント API は、Canvas キャ...
序文パーティション フィールドは主キーの一部でなければならないことは誰もが知っています。では、複合主...
1. 新しいユーザーを追加するローカルIPアクセスのみを許可する '123456' ...
ネイティブ JS で実装したリアルタイム クロック エフェクトを共有します。エフェクトは以下のとおり...
1. IEブラウザモードハックロゴ1. CSSハックロゴコードをコピーコードは次のとおりです。 ie...
1.17.9 本当はもっと美味しいNginx のダウンロード アドレス: https://nginx...
序文一般的に、Linux システムについて話すときは、Linux カーネルと GNU プロジェクトに...