Koa 和 Express 的 next 函数有什么区别？

推荐答案

Koa 和 Express 的 next 函数在中间件处理机制上有显著的区别：

• Express 的 next 函数：用于将控制权传递给下一个中间件。如果当前中间件没有结束请求-响应周期，必须调用 next() 来继续执行后续的中间件。如果不调用 next()，请求将会挂起。

• Koa 的 next 函数：Koa 的 next 函数实际上是一个 async 函数，返回一个 Promise。它允许你在中间件中使用 await next() 来等待后续中间件的执行完成。Koa 的中间件是洋葱模型，next() 会依次执行后续中间件，然后再返回到当前中间件继续执行。

本题详细解读

Express 的 next 函数

在 Express 中，next 是一个简单的函数调用，用于将控制权传递给下一个中间件。Express 的中间件是线性执行的，每个中间件依次处理请求和响应。如果某个中间件没有调用 next()，请求将会被挂起，后续的中间件不会被执行。

// www.javascriptcn.com code example
app.use((req, res, next) => {
  console.log('Middleware 1');
  next(); // 必须调用 next() 才能继续执行下一个中间件
});

app.use((req, res, next) => {
  console.log('Middleware 2');
  res.send('Hello World');
});

Koa 的 next 函数

Koa 的 next 函数是一个 async 函数，返回一个 Promise。Koa 的中间件模型是洋葱模型，中间件的执行顺序是从外到内，然后再从内到外。通过 await next()，你可以等待后续中间件的执行完成，然后再继续执行当前中间件的剩余代码。

// www.javascriptcn.com code example
app.use(async (ctx, next) => {
  console.log('Middleware 1 - Before await next()');
  await next(); // 等待后续中间件执行完成
  console.log('Middleware 1 - After await next()');
});

app.use(async (ctx, next) => {
  console.log('Middleware 2');
  ctx.body = 'Hello World';
});

区别总结

• 执行模型：Express 是线性执行模型，Koa 是洋葱模型。
• next 函数：Express 的 next 是同步的，Koa 的 next 是异步的，返回 Promise。
• 控制流程：在 Express 中，如果不调用 next()，请求会挂起；在 Koa 中，await next() 会等待后续中间件执行完成后再继续执行当前中间件的剩余代码。