JavaScript中间件与管道模式-js教程-PHP中文网

JavaScript中间件与管道模式

紅蓮之龍

发布： 2025-11-07 06:41:11

原创

821人浏览过

中间件是处理请求响应的函数，通过管道模式串联执行。例如logger打印日志后调用next()，compose函数递归调度中间件，实现日志、认证、响应等步骤解耦，提升可维护性。

javascript中间件与管道模式

在JavaScript中，中间件和管道模式常用于构建灵活、可扩展的应用程序结构，特别是在Node.js的Web框架（如Express、Koa）中广泛使用。它们的核心思想是将多个独立的功能单元串联起来，按顺序处理请求和响应。下面介绍这两种模式的基本概念与实现方式。

什么是中间件

中间件是一个函数，它可以在请求被最终处理之前或之后执行某些操作。它可以访问请求对象（req）、响应对象（res）和下一个中间件函数（next）。中间件可用于日志记录、身份验证、数据解析等任务。

一个典型的中间件函数结构如下：

function logger(req, res, next) {
  console.log(`${new Date().toISOString()} - ${req.method} ${req.url}`);
  next(); // 调用下一个中间件
}

登录后复制

在这个例子中，logger 打印请求信息后调用 next()，允许流程继续向下执行。

立即学习“Java免费学习笔记（深入）”；

管道模式的基本原理

管道模式是一种设计模式，它将多个处理步骤像管道一样连接起来，数据依次流经每个阶段。在JavaScript中，可以通过函数组合实现这一模式。每个函数完成一部分逻辑，并将结果传递给下一个函数。

实现一个简单的管道系统：

最土团购系统

最土团购系统是国内最专业、功能最强大的GroupOn模式的免费开源团购系统平台，专业技术团队、完美用户体验与极佳的性能，立足为用户提供最值得信赖的免费开源网上团购系统。最土团购系统v2.0商业版于2011年5月12日开放免费下载。使用说明：（1）软件要求：空间必须支持PHP5/MYSQL5，PHP必须开启Php-mbstring、Php-gd两项模块（2）下载最新程序包解压并上传到空间根目录中执

查看详情

function compose(middleware) {
  return function (req, res) {
    let index = -1;
    function dispatch(i) {
      index = i;
      const fn = middleware[i];
      if (!fn) return;
      fn(req, res, () => dispatch(i + 1));
    }
    dispatch(0);
  };
}

登录后复制

这个 compose 函数接收一个中间件数组，并返回一个执行函数。它通过递归调用 dispatch 来依次执行每个中间件，直到所有中间件都处理完毕。

实际应用示例

假设我们要构建一个简单的请求处理流程，包含日志、身份验证和响应发送三个步骤：

const middleware = [];
<p>middleware.push((req, res, next) => {
console.log('Logging...');
next();
});</p><p>middleware.push((req, res, next) => {
if (req.auth === true) {
next();
} else {
res.status = 401;
res.body = 'Unauthorized';
}
});</p><p>middleware.push((req, res, next) => {
res.body = 'Hello, World!';
});</p><p>const handleRequest = compose(middleware);</p><p>// 模拟请求
const req = { auth: true };
const res = {};</p><p>handleRequest(req, res);
console.log(res.body); // 输出: Hello, World!</p>

登录后复制

这个例子展示了如何使用中间件组合实现清晰的处理流程。每个中间件职责单一，便于测试和复用。