在前端开发中，我们经常需要处理异步任务，其中有些任务必须在一个任务执行完成之后才能开始下一个任务。在这种情况下，可以使用 concurrent-middleware 这个 npm 包来处理并行任务。
什么是 concurrent-middleware
concurrent-middleware 是一个基于 koa-compose 的高阶函数，在处理中间件时能够自动处理异步任务并等待任务完成后执行下一个中间件。
怎样使用 concurrent-middleware
安装
npm install concurrent-middleware
或者
yarn add concurrent-middleware
使用
在应用程序中引入 concurrent-middleware 模块，并将中间件数组作为参数传递给 concurrent 函数即可。
-- -------------------- ---- ------- ----- ---------- - --------------------------------- ----- --- - --------------- ----- --- - --- ------ ----- ----------- - ----- ----- ----- -- - ----- --- ----------------- ------- -- ------------------- ------- ----------------- - -------- ----- ------- -- ----- ----------- - ----- ----- ----- -- - ----- --- ----------------- ------- -- ------------------- ------- ----------------- -- - ------------------------ ----- ------- -- ----- ----------- - ----- ----- ----- -- - -------- - ------------------ -- -------------------- ------------ ------------ ------------ ---- -----------------
上面的示例中，我们使用了三个中间件，分别是 middleware1，middleware2 和 middleware3。它们的功能是：
middleware1在 1 秒钟后在ctx.state.message中添加了一个消息 "Hello"。middleware2在 2 秒钟后在ctx.state.message中添加了一个消息 "concurrent-middleware!"。middleware3直接返回ctx.state.message中的消息作为 HTTP 响应。
app.use(concurrent([middleware1, middleware2, middleware3])) 将这三个中间件都传递给 concurrent 函数来处理。这样，在 middleware1 和 middleware2 执行时，concurrent 会自动等待异步任务完成之后才执行下一个中间件。
注意事项
- 必须使用
async函数去编写中间件。 concurrent函数只能接受一个中间件数组作为参数。- 由于
concurrent函数会自动处理异步任务，因此不能在中间件中返回 Promise 对象。
结论
在处理异步任务等复杂场景时，concurrent-middleware 能够给我们带来很大的便利。相信我们在工作中使用它后能够提高开发效率，减少开发成本。完整的示例代码可以在 github 上查看。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055d6781e8991b448db2a8