JavaScript中的非同步梳理（0）

JavaScript中有大量非同步作業，首先可以看看JS中什麼東西會產生非同步（這裡先只考慮瀏覽器裡的情況）：

• Ajax（XMLHttpRequest）
• Image Tag，Script Tag，iframe（原理類似）
• setTimeout/setInterval
• CSS3 Transition/Animation
• postMessage
• Web Workers
• Web Sockets
• and more…

實際上在我自己的理解中，任何“在未來不確定的時間發生”的事情都可以理解為非同步，因此各種DOM事件也可以用類似的方式去理解和處理。

非同步是JS中的重要話題，Ajax和Node.JS出現以後更是讓JS中的非同步編程提升到了一個前所未有的高度。

但是對於非同步+回調①的模式，當需要對一系列非同步作業進行流程式控制制的時候似乎必然會面臨著回調嵌套。因此怎麼把非同步作業“拉平”，用更好的方法去最佳化非同步編程的體驗，同時也寫出更健壯的非同步代碼，是這兩年來前端圈子裡很火的話題。

我大概總結一下，對非同步作業的最佳化，總的來說有3種流派：

1. 訊息驅動——代表：@樸靈 的EventProxy
2. Promise模式——代表：CommonJS Promises，jQuery，Dojo
3. 二次編譯——代表：@老趙 的Jscex

 ①：非同步不一定非要回調，比如jscex就用了一種非常巧妙的二次編譯方式來讓代碼可以“順序編寫、非同步執行”，不再需要無盡的回調。