JavaScript 中异步中间件链（如 Koa 洋葱模型）怎么通过 Promise 和 async/await 实现-js教程-PHP中文网

Koa洋葱模型本质是Promise链式调用与async/await协同实现的递归执行结构：每个中间件通过await next()分隔请求（外→内）和响应（内→外）逻辑，形成“进入层层深入、退出逐层回溯”的对称执行流。

javascript 中异步中间件链（如 koa 洋葱模型）怎么通过 promise 和 async/await 实现

JavaScript 中异步中间件链（如 Koa 的洋葱模型）本质是通过 Promise 链式调用 + 递归执行 + async/await 语法糖 实现的。核心在于：每个中间件函数接收一个 next 参数（即下一个中间件的 Promise 返回函数），在自己逻辑前后分别 await next()，从而形成“进入时层层深入、退出时逐层回溯”的执行结构。

洋葱模型的关键执行逻辑

洋葱模型不是靠栈或回调嵌套模拟的，而是靠 Promise 的“可等待性”和 async 函数的暂停/恢复能力实现的：

每个中间件必须是 async 函数，或返回 Promise，否则无法 await 下一个中间件
next 是一个函数，调用它会返回下一个中间件执行完成后的 Promise
await next() 前的代码是“外层 → 内层”（请求阶段），await next() 后的代码是“内层 → 外层”（响应阶段）
最内层中间件若不调用 next（即没有后续中间件），await next() 会立即 resolve，继续执行其后续逻辑

手写一个最小洋葱模型实现

不依赖框架，用纯 JS 模拟 Koa 的核心流程：

Java 接口排错助手

在调试 Java 后端 API 故障时使用此技能，尤其适用于以下任务：分析日志、跨 Controller、Service 和 Mapper 层追踪请求、定位异常根因、检查 SQL 执行或参数流转，以及生成简洁的诊断结论与修复方案。

下载

function compose(middlewares) {
  return function(ctx, next = Promise.resolve()) {
    // 从第一个中间件开始，倒序构建执行链
    let index = -1;
    return dispatch(0);

    function dispatch(i) {
      if (i  {
  console.log('1: before');
  await next();
  console.log('1: after');
};

const middleware2 = async (ctx, next) => {
  console.log('2: before');
  await next();
  console.log('2: after');
};

const middleware3 = async (ctx, next) => {
  console.log('3: before');
  ctx.body = 'done';
  console.log('3: after');
};

const fn = compose([middleware1, middleware2, middleware3]);
fn({}).then(() => console.log('finished'));
// 输出顺序：
// 1: before
// 2: before
// 3: before
// 3: after
// 2: after
// 1: after
// finished

为什么 async/await 让洋葱模型更自然

对比传统 callback 或纯 Promise 写法：

用 Promise.then() 手动串接会把“后置逻辑”写在 .then() 里，嵌套深、可读差；而 await next() 后直接写代码，语义清晰
async 函数天然保证返回 Promise，无需手动包装 Promise.resolve() 或处理同步异常
错误可被统一 try/catch，或由上层 Promise rejection 捕获（Koa 中通过 app.on('error', ...) 处理）
中间件内可自由使用 await 调用数据库、API 等异步操作，不影响链路控制流