在前端开发中，我们经常需要在不同的异步操作之间进行数据传递。Web 开发中涉及到的多数异步操作都是基于回调函数的，而在回调函数嵌套的代码中实现数据传递并不容易。ES6 提供了 Promise 的解决方案，同时许多 npm 包也能帮助我们更便捷地进行异步编程。这里介绍的 c2p 包能够将基于回调函数的异步 API 转换为 Promise 对象的形式，让你的异步编程变得更为简便。
什么是 c2p？
c2p 是一个 npm 包，它将回调风格的 API 转换为 Promise 风格的 API。c2p 的全称为 callbacks-to-promises，它能够以一种相对轻松的方式生成一个新的 API，这个新的 API 嵌入了原始异步函数至少支持的所有回调，并且返回一个新的 promise 对象，这个对象支持 then (成功)和 catch（失败）, 这使得异步 API 更加便于使用和管理。
c2p 的安装
使用 npm 命令安装 c2p：
--- ------- ------ ---------------------
c2p 的示例
假设您有一个异步 API，对于一个数值和一个回调，返回另一个数字，这个数字表示计算结果。我们来看一下这样的代码：
-------- ----------- -- --------- -
------------- -- -
-- ------- - --- -------- -- ------ - --- --------- -
------------ -------------------- ---- -- -----------
-------
-
-------------- - - ---
-- ------
-这个 API 十分简单，接受两个数值和一个回调，并将时间延迟设置为一秒钟，以便模拟异步请求。在回调函数中，计算 a 和 b 的和，并将 calc 的结果传回给调用者。如果有错误，我们返回一个带有错误信息的回调。
但是，由于这是一个回调风格的 API，我们需要将其转换为 Promise 风格，使其在更广泛的上下文中使用。通常，为了将回调风格的代码转换为 Promise 风格的代码，我们会在一个新函数内部创建一个新的 Promise 对象。在这个新的 Promise 对象中，我们调用原始函数，然后在回调函数中使用 resolve (成功)和 reject (失败)。
但这样做有些繁琐，需要写大量的样板代码。这时候就可以使用 c2p 来代替我们完成这些转换工作。首先，我们需要通过 require 函数将 callbacks-to-promises 包引入到代码中：
----- --- - ---------------------------------
其次，我们需要使用 c2p 来创建新的 Promise 对象。将不带回调的函数作为第一个参数传入 c2p，自动生成 Promise 风格 API 的包装器：
----- -------------- - --------------
这儿我们将 asyncAdd 作为参数传递给 c2p，c2p 回返回一个新的函数 promisifiedAdd，这个函数是新的 Promise 风格 API 的包装器。我们不需要传递一个回调函数，而是返回一个 Promise 对象：
----------------- --
-------------- -- -
--------------------
--
-------------- -- -
---------------------
---如果在调用 promisifiedAdd 时出现错误，则 catch 块中的逻辑将被执行。同样，如果在调用 promisifiedAdd 时不存在错误，则 then 块中的逻辑将被执行。
我们来做一个练习，假设你有一个函数 asyncMultiply，它获取两个参数并返回它们的产品。使用 c2p 包形式化这个函数，使其成为一个 Promise。
c2p 的使用指南
c2p 是一个非常简单的库，使用起来也很容易。只需将不带回调的函数作为第一个参数传递给它即可。这里是一个基本示例，说明如何使用 c2p 包进行 API 转换。
----- --- - ---------------------------------
-------- ----------- -- -- --------- -
------------- -- -
-- ------- - --- -------- -- ------ - --- -------- -- ------ - --- --------- -
------------ -------------------- ---- -- -----------
-------
-
-------------- - - - - ---
-- ------
-
----- -------------- - --------------
----------------- -- --
-------------- -- -
--------------------
--
-------------- -- -
---------------------
---如你所见，使用 c2p 包时，只需传递异步 API 作为第一个参数即可。我们不需要编写任何额外的代码来将其转换为 Promise API。通过这种方式，我们可以将超时、并发限制、缓存等功能透明地添加到我们的异步 API 中。
总的来说，c2p 是一个非常方便的 npm 包，它可以让我们更轻松地将基于回调的异步函数转换为 Promise 风格的函数，使我们能够在异步编程中更加有效和高效。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066c90ccdc64669dde5840