在前端开发中，经常需要处理异步操作，例如请求网络数据、读写文件等。在 JavaScript 中，常常使用 Promise 对象来处理异步操作，以便在异步操作完成之后再执行相应的代码。
但是，在处理 Promise 对象时，有时候代码会比较冗长，需要写很多的 then() 和 catch() 方法。为了解决这个问题，我们可以使用 npm 包 pledged，它提供了一种更加简单、优雅的处理方式。
安装 pledged
安装 pledged 可以使用 npm 命令：
npm install pledged
使用 pledged
使用 pledged 很简单，只需要创建一个 Pledged 对象，然后在对象中定义异步操作即可。Pledged 支持链式调用，让代码更加直观和优雅。
下面是一个简单的例子，展示了如何使用 pledged 处理异步操作：
-- -------------------- ---- -------
----- - ------- - - -------------------
------------------------
--------- -- -
------ --- - -- --------
--
--------- -- -
-----------------
--
------------ -- -
---------------------
---在上面的代码中，我们先创建了一个 Pledged 对象，然后使用 resolve() 方法将字符串 "Hello" 转换为一个 Promise 对象。接着，我们定义了一个 then() 方法，对 Promise 对象进行处理，返回一个新的字符串 "Hello, World!"。最后，我们在第二个 then() 方法中输出新的字符串。
如果在处理过程中发生了错误，我们可以使用 catch() 方法捕获错误。在上面的代码中，如果出现错误，我们会输出错误信息。
Promise.all / Promise.race
除了基本的 Pledged 操作外，pledged 还提供了 Promise.all() 和 Promise.race() 方法，用于处理多个 Promise 对象。
Promise.all() 方法会等到所有 Promise 对象全部完成后返回结果，这个结果是一个数组，包含了所有 Promise 对象的结果。例如：
-- -------------------- ---- -------
----- - ------- - - -------------------
----- -------- - -------------------
----- -------- - ---
----- -------- - --- ----------------- ------- -- -
------------------- ---- ---------
---
---------------------- --------- ----------
------------ -- -
--------------------
---在上面的代码中，我们创建了三个 Promise 对象，其中一个是 pledged 封装的 Promise 对象，另外两个是普通的 Promise 对象。使用 Pledged.all() 方法，我们可以等到所有 Promise 对象都完成之后输出结果。
Promise.race() 方法与 Promise.all() 方法类似，不同的是它只要有一个 Promise 对象完成就返回结果，而不需要等到所有的 Promise 对象都完成。例如：
-- -------------------- ---- -------
----- - ------- - - -------------------
----- -------- - --- --------------- -- ------------------- ---- --------
----- -------- - --- --------------- -- ------------------- ---- --------
----------------------- ----------
----------- -- -
-------------------
---在上面的代码中，我们创建了两个 Promise 对象，其中一个延迟 500 毫秒完成，另一个延迟 100 毫秒完成。使用 Pledged.race() 方法，我们可以等到其中一个 Promise 对象完成之后输出结果。
结论
pledged 是一个非常实用的 npm 包，可以大大简化 Promise 对象的处理，让代码更加清晰、优雅。在实际项目中，我们可以使用 pledged 解决异步操作的问题，提升代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600672eb0520b171f02e1e6c