# 以 Koa 为代表的 Node.js 中间件化设计
说到中间件，很多开发者都会想到 Koa.js，其中间件设计无疑是前端中间件思想的典型代表之一。我们先来剖析 Koa.js 的设计和实现。
先来看一下 Koa.js 中间件的实现和应用：
// 最外层中间件，可以用于兜底 Koa 全局错误
app.use(async (ctx, next) => {
try {
// console.log('中间件 1 开始执行')
// 执行下一个中间件
await next();
// console.log('中间件 1 执行结束')
} catch (error) {
console.log(`[koa error]: ${error.message}`)
}
});
// 第二层中间件，可以用于日志记录
app.use(async (ctx, next) => {
// console.log('中间件 2 开始执行')
const { req } = ctx;
console.log(`req is ${JSON.stringify(req)}`);
await next();
console.log(`res is ${JSON.stringify(ctx.res)}`);
// console.log('中间件 2 执行结束')
});
@前端进阶之旅: 代码已经复制到剪贴板
如上代码，我们看 Koa 实例，通过use方法注册和串联中间件，其源码实现部分精简表述为：
use(fn) {
this.middleware.push(fn);
return this;
}
@前端进阶之旅: 代码已经复制到剪贴板
如上代码，我们的中间件被存储进
this.middleware数组中，那么中间件是如何被执行的呢？参考下面源码：
// 通过 createServer 方法启动一个 Node.js 服务
listen(...args) {
const server = http.createServer(this.callback());
return server.listen(...args);
}
@前端进阶之旅: 代码已经复制到剪贴板
Koa框架通过http模块的createServer方法创建一个 Node.js 服务，并传入this.callback()方法，this.callback()方法源码精简
