這次給大家帶來async與await的用法詳解，使用async與await的注意事項有哪些，下面就是實戰案例，一起來看一下。
Koa是一款非常著名的Node服務端架構，有1.x版本和2.x版本。前者使用了generator來進行異步操作，後者則用了最新的async/await方案
一開始使用這種寫法的時候，我遇到一個問題，代碼如下：const Koa = require('koa');
const app = new Koa();
const doSomething = time => {
return new Promise(resolve => {
setTimeout(() => {
resolve('task done!')
}, time)
})
}
// 用來列印請求資訊
app.use((ctx, next) => {
console.log(`${ctx.method}:::${ctx.url}`)
next()
})
app.use(async ctx => {
const result = await doSomething(3000)
console.log(result);
ctx.body = result
})
app.listen(3000);
讓我們測試一下：curl http://localhost:3000
期望結果：
(3秒後...)task done!
然而現實卻是：
(立即)
Not Found
什麼鬼？為什麼沒有按照預期執行？這就需要我們來了解下Koa中中間件是如何串聯起來的了。翻一下源碼，将middlewares串聯起來的代碼如下：function compose (middleware) {
return function (context, next) {
// 這個index用來計數，防止next被多次調用
let index = -1
// 執行入口
return dispatch(0)
function dispatch (i) {
// 如果next被多次調用，報異常
if (i <= index) return Promise.reject(new Error('next() called multiple times'))
index = i
// 取出第一個middleware
let fn = middleware[i]
// 将最初傳入的next作為最後一個函數執行
if (i === middleware.length) fn = next
if (!fn) return Promise.resolve()
try {
return Promise.resolve(fn(context, function next () {
// 執行下一個middleware，傳回結果也是一個Promise
return dispatch(i + 1)
}))
} catch (err) {
return Promise.reject(err)
}
}
}
}
有了以上基礎，我們再來看一下之前的問題，為什麼response沒有等到第二個middleware執行完成就立即傳回了呢？
因為第一個middleware并不是一個異步函數啊。
由于每次next方法的執行，實際上都是傳回了一個Promise對象，是以如果我們在某個middleware中執行了異步操作，要想等待其完成，就要在執行這個middleware之前添加await
那我們來改寫一下之前的代碼app.use(async (ctx, next) => {
console.log(`${ctx.method}:::${ctx.url}`)
await next()
})
app.use(async ctx => {
const result = await doSomething(3000)
console.log(result);
ctx.body = result
})
好了，沒有問題，一切如期望執行:clap:
借助了Promise強大的功力，配合async/await文法，我們隻需要把try/catch的操作寫在最外層的middleware中，就可以捕獲到之後所有中間件的異常！app.use(async (ctx, next) => {
try{
await next()
}catch(err){
console.log(err)
}
})
app.use(async (ctx)=>{
throw new Error('something wrong!')
ctx.body = 'Hello'
})
基于中間件鍊的完全控制，并且基于 Promise 的事實使得一切都變得容易操作起來。不再是到處的 if (err) return next(err) 而隻有 promise
相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！
推薦閱讀：