在日常前端开发中，我们经常需要使用一些外部资源或者服务，比如 CDN、数据库、API等等，而这些资源的获取往往需要时间，不可能立刻得到结果。因此，在我们的代码中必须排队等待这些结果的返回。在这种情况下，我们常常需要使用一个 waiting-on 工具来等待这些结果的返回。
waiting-on 是一个 npm 包，可以运行在 Node.js 环境下，它可以帮助我们等待多个异步任务的完成。waiting-on 的使用非常简单，只需要安装它，然后在代码中调用相应的 API 即可。
安装使用
安装 waiting-on 很简单，只需要运行以下命令：
--- ------- ----------
安装完成后，在代码中引入 waiting-on 包：
----- --------- - ----------------------
waiting-on 提供了一个叫做 waitingOn 的函数，它的作用是等待一组异步任务的完成。这个函数接收一个数组作为参数，数组的每个元素都代表一个异步任务。在这个任务完成之前，这个元素应该是一个 Promise 对象或者是一个函数，同时这个函数或者 Promise 对象的返回值也应该是个 Promise 对象。
示例
比如说，我们需要等待一个异步任务 a 和一个异步任务 b 完成，代码如下：
----- - - --- ----------------- ------- -- -
------------- -- -
----------
-- ------
---
----- - - --- ----------------- ------- -- -
------------- -- -
----------
-- ------
---我们可以将这两个 Promise 对象放入一个数组中，然后调用 waitingOn 函数等待它们的完成：
----- ----- - --- ---
----- ------- - -
-------- ----
--
---------------- -------- ----- ---- -- -
-- ----- -
-------------------
- ---- -
---------------- ----- --------- ---------------
-
---在上面的代码中，还有一个配置项 options，用来设置等待的超时时间，如果超时了还没有完成，会向回调函数传递一个超时错误，从而告诉我们这些任务超时了。
在上面的代码中，我们使用了回调函数的方式来处理异步操作，回调函数中的参数 err 是一个错误对象，如果所有任务都顺利完成，那么这个对象是 null，否则它是一个包含了错误信息的对象。参数 res 表示完成的任务结果，这个结果是一个数组，其中的值和我们传入的任务对象是相对应的。
除了使用回调函数的方式，waiting-on 还支持 Promise 和 async/await 这两种方式来处理异步操作。具体使用方法和实现方式，可以参考 waiting-on 的文档 http://npmjs.com/package/waiting-on。
总结
waiting-on 是一款很实用的 npm 包，可以帮助我们等待多个异步任务的完成，在日常的前端开发中被广泛应用。本文介绍了 waiting-on 的基本使用方法，并通过代码示例的方式说明了它的具体应用。希望本文能够对读者有所帮助。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005673181e8991b448e3b32