javascript非同步編程

Ⅰ async、await 實現原理

JavaScript 非同步編程回顧，由於其單線程執行模型，必須支持非同步編程以提高效率。非同步語法目標是將非同步操作寫成彷彿同步操作般簡潔。

1. 回調函數

回調函數將任務第二部分封裝在單獨函數中，待再次執行時調用此函數。但易形成回調地獄，多層嵌套降低可讀性和邏輯復雜性，增加錯誤可能性。

2. Promise

Promise 解決回調地獄問題，通過鏈式調用將回調函數整合，避免嵌套。然而，代碼冗餘導致語義模糊，包裝任務使原操作難以理解。

3. async、await

為解決Promise問題，async和await在ES7中引入，實現人類最容易理解的非同步編程。其寫法與同步函數類似，需接收Promise或原始類型值。

實現原理分析

1. generator

generator函數是協程在ES6的實現，封裝非同步任務，yield語句用於暫停，控制非同步流程。執行方法是先啟動，再控制權交還。

2. thunk函數

thunk函數將多參數函數轉換為單參數版本，只接收回調函數。與generator結合，統一調用方式，控制權在next調用時交還給generator。

3. generator與Promise結合

generator暫停執行，與非同步操作相結合，等待時暫停任務，非同步結果返回後繼續執行。此方式並未改變JavaScript單線程本質。

4. co函數庫

co函數庫提供generator的自動啟動執行器，支持yield後緊跟thunk函數或Promise對象，執行結果為Promise。

5. 理解async、await

async和await是co庫的官方實現，提供語法糖，支持Promise和原始類型值，不支持thunk函數。其核心為自動啟動的generator函數。

總結

非同步編程本質未變，JavaScript單線程、使用回調處理非同步任務。人類追求簡單易懂的編程方式，以適應復雜任務。

參考文章

深入理解JavaScript非同步

深入掌握ECMAScript 6非同步編程

Ⅱ js中使用await的代碼塊是不是同步的如果不是,我認為他就

在JavaScript中，`async/await` 的設計旨在讓開發者在編寫非同步代碼時，感受到同步編程的體驗。這使得代碼在實際執行時看起來更像是同步操作，但本質上，它仍然是非同步執行的。如果你的開發工作相對簡單，這種感知無傷大雅。然而，對於復雜業務需求，理解其背後的工作原理至關重要，否則可能會遇到一些難以解決的問題。

首先，我們需要理解同步編程與非同步編程的基本概念。同步編程意味著任務在執行一個操作的同時，等待該操作完成後再繼續執行下一個操作，而非同步編程允許同時執行多個任務，無需等待一個任務完成。當一個任務在等待I/O操作（如讀取文件）時，非同步編程允許在等待期間執行其他任務。

考慮一個簡單的示例，假設JS引擎在執行一個任務時，遇到需要讀取大文件的操作。在同步情況下，這個操作會阻塞整個程序，直到文件讀取完成。然而，非同步編程通過`readFileAsync`函數，允許JS引擎將執行權暫時交給另一個任務，等待文件讀取完成後繼續執行。使用`async/await`語法，代碼看起來與同步代碼非常相似，這正是其受歡迎的原因之一。

具體到業務場景，例如後端使用`koa`框架處理並發請求，`async/await`使得開發者能夠以熟悉的方式編寫代碼，同時利用非同步操作提高並發處理能力。這樣，即使在處理多個I/O密集型操作時，程序也能夠保持高效運行，而不會阻塞執行。

當面臨更復雜的情況，如需要讀取多個文件，傳統的`async/await`方式可能不再足夠。此時，需要利用`Promise.all()`方法來同時處理多個非同步操作，確保所有操作完成後才繼續執行後續代碼。這種組合使用`async/await`與`Promise`的能力，使得開發者能夠優雅地處理非同步邏輯，同時保持代碼的可讀性和可維護性。

回顧`async/await`的核心概念時，重要的是理解其背後是如何實現非同步操作的，以及何時需要將高級概念（如`async/await`）與基礎概念（如`Promise`和回調函數）結合使用。通過引入`Promise`的概念，我們能夠更清晰地理解非同步執行的流程，並在必要時捕獲和處理異常。最後，`Promise`的實現使得開發者無需提供回調函數，而是通過`then`方法注冊回調，當非同步操作完成時自動調用這些回調，簡化了非同步代碼的管理和調試。