什么是 when-all？
when-all 是一个 Node.js 的 npm 包，它可以让你更方便地管理异步操作。当你需要等待多个异步操作完成后才能继续处理后续任务时，when-all 可以让你更好地组织代码。
安装
使用 npm 安装：
--- ------- --------
使用
基础用法
在代码中引入 when-all：
----- ------- - --------------------
当你有多个异步操作需要等待时，可以使用 when-all 等待它们全部完成：
----- ---- - ------ -- --- --------------- -- ------------------- ------- -- -------- --------- ----------- -- -- - -- ----------- -- -- - -- ---------- -- -- --- -- ---------- -- - ------------------------ ---
输出结果：
--------
上面的代码中，我们定义了一个 wait 函数来模拟一个异步操作，然后使用 whenAll 等待这三个异步操作全部完成后输出结果。
过滤结果
当你需要过滤异步操作的结果时，可以使用 whenAll 中的 filter 方法，这个方法可以在 Promise.all 的基础上进行过滤。
假设我们有三个异步操作，每个操作返回的结果都是一个对象：
----- ---- - ------ ------- -- --- --------------- -- ------------- -- ---------------- ------- --------- ---------- - ----- ----- ---- -- --- ---------- - ----- ----- ---- -- --- --------- - ----- ----- ---- -- --- --------------- -- - ------------------------ --------------------- ---
输出结果：
-------- - - ----- ----- ---- -- -- - ----- ----- ---- -- -- - ----- ----- ---- -- - -
如果我们只需要筛选出年龄大于 18 岁的结果，可以这样做：
--------- ---------- - ----- ----- ---- -- --- ---------- - ----- ----- ---- -- --- --------- - ----- ----- ---- -- --- --------------- -- - ------------------------ --------------------- ----- --------------- - ----------------------- ---- -- -------- - ---- ---------------------- ----------------------------- ---
输出结果：
-------- - - ----- ----- ---- -- -- - ----- ----- ---- -- -- - ----- ----- ---- -- - - ------ - - ----- ----- ---- -- -- - ----- ----- ---- -- - -
错误处理
当有异步操作出错时，可以使用 whenAll 中的 catch 方法进行错误处理。catch 方法接收一个函数作为参数，该函数会在任意一个异步操作出错时被调用。
--------- ---------- - ----- ----- ---- -- --- ---------- - ----- ----- ---- -- --- ------------------ -------------- -- ----------- --------- - ----- ----- ---- -- --- --------------- -- - ------------------------ --------------------- ------------ -- - -------------------- ----- ---
输出结果：
--- ------ ---
总结
when-all 是一个方便地管理异步操作的 npm 包，它可以让你更好地组织代码、过滤结果和处理错误。当你需要等待多个异步操作完成后继续处理后续任务时，当使用 when-all 可以使你的代码更加清晰易懂。
完整代码示例：
----- ------- - -------------------- ----- ---- - ------ ------- -- --- --------------- -- ------------- -- ---------------- ------- --------- ---------- - ----- ----- ---- -- --- ---------- - ----- ----- ---- -- --- ------------------ -------------- -- ----------- --------- - ----- ----- ---- -- --- --------------- -- - ------------------------ --------------------- ----- --------------- - ----------------------- ---- -- -------- - ---- ---------------------- ----------------------------- ------------ -- - -------------------- ----- ---
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6006710b8dd3466f61ffe0fb