V8エンジンによる内部変換コードでasync/awaitの挙動を理解する

はじめに JavaScript の「非同期処理」ってやっぱりかなり難しくないですか？ 自分も色々試行錯誤しましたが、結局「完全に理解した🤓」→「やっぱり何も分からん😭」っていうループの中で泥臭く理解を深めていくしかないようです。 さて、非同期処理の制御をある程度予測できるようになるには、非同期 API を提供する環境のことやイベントループ、マイクロタスクなどの仕組みについて理解する必要があります。 そして環境に埋め込まれた JavaScript Engine のことも理解する必要があります。 今回の記事では、JavaScript Engine の１つである V8 が内部で変換するコードから async/await の挙動を理解するための解説を試みたいと思います。V8 エンジンからアプローチすることで async/await の分かりづらい挙動を掌握して非同期処理を打倒します。 今回の記

[xlc]

凄いけど、これを理解しなくてもasync/awaitは使える。

[sh19910711]

"jsvu: GoogleChromeLabs が提供 + スタンドアロンで実行できるため、ECMAScript の実装について簡単にローカルでテストできます / V8 が内部で変換するコードから async/await の挙動を理解するための解説を試みたい"

[nyokkori]

V8エンジン直結のフードブレンダーでレンガとボブリルスープを混ぜて眼から毛が生えそうな料理を作る事かと思ったら全然違った。

[Phenomenon]

面白いから後で読む

[yarumato]

“async/awaitの前にPromiseを理解しておけ。非同期関数(asyncfunction)自体がPromiseインスタンスを返すのでPromiseチェーンができますし、await式自体も基本的にはPromiseインスタンスを評価して解決値を取り出す。”

[nakag0711]

コメントアウト…？