面试题手册

Koa 与 Express 是两个流行的 Node.js Web 框架，它们各有特点和适用场景。理解它们的差异有助于在实际项目中做出正确的选择。1. 核心设计理念：Express：内置大量功能（路由、中间件、模板引擎等）提供开箱即用的解决方案采用传统的回调函数模式中间件链式调用Koa：极简核心，只提供最基础的功能通过中间件扩展功能采用现代 async/await 模式洋葱模型中间件机制2. 中间件机制对比：Express 中间件：const express = require('express');const app = express();app.use((req, res, next) => { console.log('Middleware 1'); next(); console.log('Middleware 1 after');});app.use((req, res, next) => { console.log('Middleware 2'); res.send('Hello Express');});// 执行顺序：Middleware 1 -> Middleware 2 -> Middleware 1 afterKoa 中间件：const Koa = require('koa');const app = new Koa();app.use(async (ctx, next) => { console.log('Middleware 1 before'); await next(); console.log('Middleware 1 after');});app.use(async (ctx, next) => { console.log('Middleware 2 before'); await next(); console.log('Middleware 2 after'); ctx.body = 'Hello Koa';});// 执行顺序：Middleware 1 before -> Middleware 2 before -> // Middleware 2 after -> Middleware 1 after3. 代码风格对比：Express 回调风格：app.get('/users/:id', (req, res, next) => { User.findById(req.params.id, (err, user) => { if (err) return next(err); Post.findByUserId(user.id, (err, posts) => { if (err) return next(err); res.json({ user, posts }); }); });});Koa async/await 风格：app.get('/users/:id', async (ctx) => { const user = await User.findById(ctx.params.id); const posts = await Post.findByUserId(user.id); ctx.body = { user, posts };});4. 请求/响应处理对比：Express：app.get('/', (req, res) => { // 请求信息 const url = req.url; const method = req.method; const query = req.query; const body = req.body; // 响应设置 res.status(200); res.json({ message: 'Hello' }); // 或 res.send('Hello'); // 或 res.render('index', { title: 'Hello' });});Koa：app.get('/', async (ctx) => { // 请求信息 const url = ctx.url; const method = ctx.method; const query = ctx.query; const body = ctx.request.body; // 响应设置 ctx.status = 200; ctx.body = { message: 'Hello' }; // 或 ctx.type = 'text/html'; ctx.body = '<h1>Hello</h1>';});5. 错误处理对比：Express 错误处理：app.use((err, req, res, next) => { console.error(err.stack); res.status(500).json({ error: err.message });});// 抛出错误app.get('/error', (req, res, next) => { const err = new Error('Something went wrong'); err.status = 500; next(err);});Koa 错误处理：app.use(async (ctx, next) => { try { await next(); } catch (err) { ctx.status = err.status || 500; ctx.body = { error: err.message }; ctx.app.emit('error', err, ctx); }});// 抛出错误app.get('/error', async (ctx) => { ctx.throw(500, 'Something went wrong');});6. 路由功能对比：Express 内置路由：const express = require('express');const router = express.Router();router.get('/users', getUsers);router.post('/users', createUser);router.get('/users/:id', getUser);router.put('/users/:id', updateUser);router.delete('/users/:id', deleteUser);app.use('/api', router);Koa 需要路由中间件：const Router = require('@koa/router');const router = new Router();router.get('/users', getUsers);router.post('/users', createUser);router.get('/users/:id', getUser);router.put('/users/:id', updateUser);router.delete('/users/:id', deleteUser);app.use(router.routes());app.use(router.allowedMethods());7. 性能对比：Express：成熟稳定，经过大量生产环境验证中间件链式调用，性能相对较低回调函数，可能存在回调地狱内存占用相对较高Koa：更轻量级，核心只有约 2KBasync/await，代码更简洁洋葱模型，中间件控制更灵活内存占用相对较低8. 学习曲线对比：Express：文档丰富，社区活跃学习曲线平缓大量教程和示例适合初学者Koa：需要理解 async/await需要理解洋葱模型需要选择合适的中间件适合有一定经验的开发者9. 适用场景对比：Express 适合：快速开发原型传统 Web 应用需要大量内置功能的项目团队成员对 async/await 不熟悉需要稳定成熟的框架Koa 适合：现代 Web 应用需要精细控制中间件的项目追求代码简洁和可维护性团队熟悉现代 JavaScript需要更好的错误处理10. 迁移建议：从 Express 迁移到 Koa：// Expressapp.get('/users/:id', async (req, res, next) => { try { const user = await User.findById(req.params.id); res.json(user); } catch (err) { next(err); }});// Koaapp.get('/users/:id', async (ctx) => { const user = await User.findById(ctx.params.id); ctx.body = user;});总结：| 特性 | Express | Koa ||------|---------|-----|| 核心大小 | 较大 | 极小（2KB） || 中间件模式 | 链式调用 | 洋葱模型 || 异步处理 | 回调函数 | async/await || 路由 | 内置 | 需要中间件 || 学习曲线 | 平缓 | 较陡 || 社区生态 | 成熟 | 快速发展 || 性能 | 良好 | 优秀 || 适用场景 | 传统应用 | 现代应用 |选择建议：如果追求快速开发和稳定性，选择 Express如果追求代码质量和现代化，选择 Koa如果团队熟悉 async/await，优先选择 Koa如果需要大量内置功能，选择 Express

在Express.js中，中间件是一种函数，它可以访问请求对象（request）、响应对象（response）以及应用程序的请求/响应循环中的下一个中间件函数。这种功能被广泛应用于执行代码、修改请求和响应对象、终结请求-响应循环、调用堆栈中的下一个中间件等任务。中间件的功能可以进行分层和顺序执行，这意味着可以按照代码中定义的顺序一个接一个地执行中间件函数。这种机制使得开发者可以很方便地在请求处理过程中插入所需的功能，例如错误处理、日志记录、用户身份验证、数据验证等。

在Express.js中，app.locals 对象用于存储应用级别的变量数据。这些数据在整个应用的生命周期内都是持久的，可以被任何中间件或路由处理器访问。app.locals 的主要作用包括：全局变量存储：可以将一些常用的数据或配置信息存储在 app.locals 中，这样在应用的任何部分都可以方便地访问，无需每次都重新计算或检索。模板渲染：在渲染视图时，app.locals 中的变量会自动可用于模板。这使得向模板传递全局设置或用户信息变得非常便捷。简化代码：通过使用 app.locals 存储全局数据，可以减少在请求处理流程中需要传递的参数数量，从而简化中间件和路由处理函数的代码。例如，如果你有一个全局的配置对象或者一些需要在多个路由和模板中使用的数据，你可以在应用启动时将这些数据添加到 app.locals，这样它们就可以在整个应用中被访问和使用，而无需重复定义或传递。