js五種非同步實現方式對比

最近研究了一下 koa1 和 koa2 的原始碼，其中比較重要的就是中介軟體的流程控制，其中 koa1 是通過 generator 實現中介軟體流程控制，koa2 則是通過 async 函式，說起來利用 js 實現非同步流程控制的方法也不少了，所以做一下總結對比。主要總結了五種實現方式：

具體**可以看我在 codepen 上的 demo，分別開啟各方法注釋即可。整體**如下：

下面簡單看一下最終各中方式實現**：

animate(ball1, 100, function () )
})})
})})
})

promiseanimate(ball1,100)
.then(function () )
.then(function () )
.then(function () )
.then(function () )
.then(function () )

(async function () )()

var movepromise = function* ();
run(movemovepromise) // 需要自己實現 run 函式

var movethunk = function* ();
run(movethunk) // 同樣需要自己 run 函式

callback 寫法最不直觀，當有多個連續執行非同步操作任務時，容易造成**地獄。其餘四種都是同步寫法實現非同步流程控制，其中 async 函式相當於自動執行的 promise 以及後邊的 generator 函式，如果使用 generator，需要自己實現乙個 run 函式來進行自動化執行，這裡就要提到著名的 co 庫。總的來說還是 async 不錯。

js五種非同步實現方式對比

Js如何實現繼承（js實現繼承的五種方式）

js 建立物件的9種方式對比

JS非同步載入的三種方式

js五種非同步實現方式對比

Js如何實現繼承（js實現繼承的五種方式）

js 建立物件的9種方式對比

JS非同步載入的三種方式

相關推薦