非同期 JavaScript
このモジュールでは非同期 JavaScript に触れ、なぜそれが重要なのか、そして、潜在的なブロッキング処理(例えばサーバーからリソースを取得する)に効果的に対処するためにどうやって使うのかを見ていきます。
前提条件
非同期 JavaScript はとても高度なトピックなので、事前に JavaScript の第一歩と JavaScript の構成要素のモジュールに取り組んでおくことをおすすめします。
ガイド
- 非同期 JavaScript 入門
-
この記事では同期プログラミングと非同期プログラミングとは何か、なぜ頻繁に非同期のテクニックを使う必要があるのか、歴史的に非同期関数は JavaScript でどのように実装されてきたのか、そしてその問題点が何だったのかを見ていきます。
- プロミスの使い方
-
ここではプロミスを紹介し、プロミスベースの API の使い方をお見せします。
async
とawait
キーワードの紹介もここで行います。 - プロミスベースの API の実装
-
この記事では独自のプロミスベースの API を実装する方法を概説します。
- ワーカー入門
-
ワーカーを使用すると、特定のタスクを別のスレッドで実行し、メインコードの応答性を維持することができます。この記事では、長時間実行される同期的な関数をワーカーを使用して書き直します。
学習の評価
- アニメーションを順番に再生する
-
この評価ではプロミスを使用して一連のアニメーションを特定の順序で再生してください。
関連情報
- Asynchronous Programming (Marijn Haverbeke 氏の非常に優れたオンライン書籍 Eloquent JavaScript より)