[B! promise] deinwortのブックマーク

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

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

deinwort 2022/05/11

リンク

JavaScriptの非同期処理をじっくり理解する (2) Promise

対象読者と目的非同期処理の実装方法は知っているが、仕組みを詳しく知らないのでベストプラクティスがわからないときがある実行順序の保証がよくわからないので自信をもってデプロイできない変更があるより詳しい仕組みを理解することでより計画的な実装をできるようになりたいという動機で書かれた記事です。同様の課題を抱える人を対象読者として想定しています。目次実行モデルとタスクキュー Promise async/await AbortSignal, Event, Async Context WHATWG Streams / Node.js Streams (執筆中) 未定用語に関する注意前回定義した以下の用語を今回も使います。 1 tick ... タスクキューが1周すること。 1 microtick ... マイクロタスクキューが1周すること。これらの単位は非同期処理の間の相対的な優先順

deinwort 2021/10/04

リンク

Node.js徹底攻略 ─ ヤフーのノウハウに学ぶ、パフォーマンス劣化やコールバック地獄との戦い方｜ハイクラス転職・求人情報サイト AMBI（アンビ）

Node.js徹底攻略 ─ ヤフーのノウハウに学ぶ、パフォーマンス劣化やコールバック地獄との戦い方 Node.jsをうまく活用できている企業は、どのような方法でベストプラクティスを習得してきたのでしょうか。ヤフー株式会社でNode.jsの社内普及に務めてきた言語サポートチームに、同社の実施を紹介してもらいました。 Node.jsは「イベントループモデルで、ノンブロッキングI/Oを使用している」「問題発生時にHTTP/TCPやPOSIX APIなど低レイヤーの知識を求められる」といった特徴を持つ言語です。開発者が習得すべき技術領域が広いため、Node.jsらしい書き方の学習難易度は高いと言えます。それでは、Node.jsをうまく活用できている企業は、どのような方法でNode.jsのベストプラクティスを習得してきたのでしょうか。ヤフー株式会社でNode.jsの社内普及に務めてきた言語サポート

deinwort 2020/03/24

リンク

Promiseを使った非同期ループ処理の書き方について

JavaScriptで常に頭を悩ませるのが非同期処理ではないかと思います。非同期処理を幾つも実行したりすると、思ったタイミングで処理が走らないといったことが多々あります。そんな中でループ処理になると、特に厄介ではないでしょうか。そこで今回はPromiseを使ったループ処理について紹介します。 0から10まで順番に処理をしたら抜けるループ非同期処理でない場合は次のように書けます。 This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters. Learn more

deinwort 2018/04/23

リンク

Promiseチェーンの中で条件を満たすまで同じ処理を繰り返す（リトライ処理） - コンパイラかく語りき

Promiseチェーンの中で、特定の条件を満たすまで同じ処理を繰り返したい場合があります。例: データロード処理そんな場合のコードサンプルです。コードこちら。 const retryPromise = (func, delay) => { const retry = (resolve, reject) => func() .then((result) => ({ result, isCompleted: (result !== null) })) .then(({ result, isCompleted }) => (isCompleted) ? resolve(result) : setTimeout(() => retry(resolve, reject), delay)) .catch(reject); return new Promise(retry); }; 解説解説を