koa 中间件next加上await 与不加await 的差别,请教大佬

张艺侬
  • 18

app.use((ctx, next) => {

if (ctx.path.indexOf('favicon') > -1) {
    return;
}
console.log(3)

ctx.body = 'hellow'
next() // 注意这个中间件没有 async/await,如果加上await 就是我理解的那个样子
// return;
ctx.body += 'haha'
console.log(4)

});
// 响应时间统计中间件
app.use(async(ctx, next) => {

console.log(2)

// ctx.set('Content-Type', 'text/html')
await next()
console.log(5)

});
// 响应
app.use(async(ctx, next) => {

console.log(1)

ctx.body = 'zjp'
// console.log(ctx)
await next()
console.log(7, ctx.body)
ctx.body += 'ctt'
console.log(6)

    // next()

});

控制台运行结果:
image.png
浏览器返回结果:
image.png

疑问:
为什么这句代码没有执行`
ctx.body += 'ctt'

期待结果:zjphahactt,为什么返回的是zjphaha,没有ctt呢?如果第一个中间件加上async/await 的话就是期待的结果,
回复
阅读 2.3k
2 个回答

看了koa,和compose源码才明白,koa源码中有个方法respond中,结合宏任务微任务执行顺序....最终就是这句话
if ('string' == typeof body) {

return res.end(body);

}

1357885013
  • 1
新手上路,请多包涵

await 就是等待的意思,加上之后等这一句执行出结果后才往下执行. 一般后面跟着时http请求,目的就是等http响应之后再往下执行.

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏