預備知識
非同步 JavaScript 是一個相當高階的主題,建議您在學習本模組之前,先完成 使用 JavaScript 進行動態指令碼程式設計 模組的學習。
教程與挑戰
- 非同步 JavaScript 簡介
-
在本文中,我們將學習同步和非同步程式設計,瞭解我們為什麼經常需要使用非同步技術,以及 JavaScript 中非同步函式在實現方面遇到的歷史遺留問題。
- 如何使用 Promise
-
在這裡,我們將介紹 Promise,並展示如何使用基於 Promise 的 API。我們還將介紹
async和await關鍵字。 - 實現基於 Promise 的 API
-
本文將概述如何實現您自己的基於 Promise 的 API。
- 介紹 Worker
-
Worker 使您能夠在單獨的執行緒中執行某些任務,以保持主程式碼的響應性。在本文中,我們將重寫一個耗時的同步函式以使用 Worker。
- 順序動畫 挑戰
-
此挑戰要求您使用 Promise 來按特定順序播放一組動畫。
另見
- 來自 Marijn Haverbeke 的精彩線上書籍 Eloquent JavaScript 的 非同步程式設計。