什么是 2-Thenable
2-Thenable 是一个轻量级的工具函数，它提供了将一个普通对象包装成符合 Promise 规范的 thenable 对象的接口。通过使用 2-Thenable，你可以让任意一个对象具有 then 方法的特性，从而能够被 Promise 链式调用、进行 async/await 操作等。
安装 2-Thenable
你可以通过命令行或者包管理器安装 2-Thenable。
npm 安装
--- ------- ----------
yarn 安装
---- --- ----------
使用 2-Thenable
基本使用
要将一个对象包装成 thenable 对象，只需要使用 2-Thenable 的 wrap 函数即可。
----- - ---- - - ---------------------- ----- --- - - ---- ------ ---- -- -- ------------------ - ----- ----------- - ---------- ---------------------- -- ----------------------
在上面的代码中，我们将一个普通对象 obj 使用 wrap 函数包装成了 thenable 对象 thenableObj。然后，我们可以通过 thenableObj.then 方法链式调用，输出对象的 foo 属性值。
返回 Promise
可以通过传递第二个参数为 true 来指定返回的对象为 Promise，即可以通过 then 和 catch 来处理异步任务中的结果。
----- - ---- - - ---------------------- ----- --- - - ---- ------ ---- -- -- ------------------ - ----- ---------- - --------- ------ ---------- ----------- -- --------------------- ------------ -- ------------------
在上面的代码中，我们将一个普通对象 obj 使用 wrap 函数包装成了 Promise 对象 promiseObj，并使用了 then 和 catch 方法处理异步任务的回调。
同步特性
当你使用 2-Thenable 包装一个对象时，对象的所有属性、方法都会被包含在 thenable 对象中，并且会自动支持链式调用的特性。
----- - ---- - - ---------------------- ----- --- - - ---- ------ ---- -- -- ------------------ - ----- ----------- - ---------- --------------- - ------- ------------------ -- --- ---------------------- -- ---------------------- -- ----
你可以像操作一个普通对象一样，对 thenable 对象进行属性修改，方法调用等，并且这些操作会同步反映在对象和链式调用中。
异步特性
当你使用 2-Thenable 包装一个对象时，如果对象中存在异步操作，比如网络请求、文件读取等，那么这些异步操作可以通过 thenable 对象的 then 方法进行异步回调。
在下面的代码中，我们模拟异步调用一个 API，并将异步操作的结果传递给 thenable 对象的 then 方法中，实现异步回调的效果。
----- - ---- - - ----------------------
----- --- - -
----- ------------ -
----- --- - ----- ------------------------------------------------------
------ -----------
-
-
----- ----------- - --------- ------
-----------
----------- -- -----------------------
------------ -- ------------------
--
- ---
- -------- --- -----
--在上面的代码中，我们将一个异步操作的 API 包装成 thenable 对象，通过 then 和 catch 方法对异步回调的结果进行处理。
总结
通过 2-Thenable，你可以让任何一个普通对象具有 Promise 的链式调用、异步回调等特性，增强对象的处理能力，减少应用中的代码复杂度。
2-Thenable 的安装、使用都非常简单，可以快速应用在你的项目中，提高开发效率。
示例代码：
----- - ---- - - ----------------------
----- --- - -
----- ------------ -
----- --- - ----- ------------------------------------------------------
------ -----------
--
----- --------- -
------ -
------ ------ ------------
-------- ----------- ---------------------------- ------- ----------
-
-
-
----- ----------- - --------- ------
-----------
----------- -- -----------------------
------------ -- ------------------
------------------------
----------- -- -----------------------
------------ -- ------------------
--
- ---
- ----- ----------
- -------- --- -----
--来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/71001