简介
thens 是一个用于解决 JavaScript 中回调地狱的 npm 包。通过 thens，我们可以更加优雅地处理异步请求的返回值，并且避免代码嵌套过深。
安装
使用 npm 安装 thens：
--- ------- -----
使用
在代码中使用 thens，需要先导入该包。
----- ----- - -----------------
基本语法
thens 的基本语法如下：
--------------
----------------
---------------
-------------------其中：
promise: 需要处理的 Promise 对象。onSuccess: Promise 对象执行成功后的回调函数。onError(可选): Promise 对象执行失败后的回调函数。onFinally(可选): Promise 对象执行完成后的回调函数，无论成功或失败都会执行。
示例代码
接下来，我们通过一个获取用户信息的示例演示 thens 的使用。
----- ----------- - -------- -- -
------ --- ----------------- ------- -- -
-- ------
------------- -- -
----- -------- - ---- ------- ----- --------
------------------
-- ------
---
--
-------------------------
---------------- -- -
---------------------- -------------------
------ ------------
--
-------------- -- -
--------------- --- ------------
--
-------------- -- -
---------------------- -----------
--
----------- -- -
--------------------
---在上述代码中，我们定义了一个名为 getUserInfo 的方法，该方法会模拟一个异步请求，返回一个包含用户信息的 Promise 对象。
然后，我们通过 thens(getUserInfo('001')) 对 getUserInfo 方法返回的 Promise 对象进行处理。在第一个 then 回调中，输出获取用户信息成功，并通过 return 语句返回用户 ID。在第二个 then 回调中，输出用户 ID。
如果 Promise 对象执行失败，则会跳到 catch 回调中，输出获取用户信息失败。无论 Promise 对象执行成功或失败，最后会执行 finally 回调，在该回调中输出请求结束。
运行示例代码，应该会看到以下输出：
--------- ---- -- --- --- ----
深入理解
串行执行
thens 的一个重要特点在于，使用 thens 对 Promise 对象进行处理时，回调函数会按顺序串行执行。也就是说，第一个回调函数执行完毕后，才会执行第二个回调函数，以此类推。
例如，在下面这个示例中，我们同时调用了两个 Promise 对象：
--------------- ----------------- ------------------ --------------- ----------------- ------------------
回调函数执行顺序如下：
onSuccess1执行成功后，执行onSuccess2。onSuccess3执行成功后，执行onSuccess4。- 如果
onSuccess1或onSuccess3执行失败，则跳到catch回调中。
Promise 的传递
在 thens 中使用 Promise 进行串行执行时，可以将 Promise 对象从一个回调函数传递到下一个回调函数中，从而实现多个异步请求的顺序执行。
例如，在下面这个示例中，我们获取用户信息后，通过用户 ID 获取订单信息。
----- ----------- - -------- -- -
------ --- ----------------- ------- -- -
------------- -- -
----- -------- - ---- ------- ----- --------
------------------
-- ------
---
--
----- ------------ - -------- -- -
------ --- ----------------- ------- -- -
------------- -- -
----- --------- - ---- ------ ------- --------
-------------------
-- ------
---
--
-------------------------
---------------- -- -
---------------------- -------------------
------ --------------------------
--
----------------- -- -
---------------------- --------------- ----------------------
--
-------------- -- -
-------------------- -----------
--
----------- -- -
--------------------
---在上述示例中，我们分别定义了两个方法 getUserInfo 和 getOrderInfo，用于模拟获取用户信息和订单信息的异步请求。
首先，我们调用 getUserInfo 方法获取用户信息，然后通过 return 语句将用户 ID 传递给第二个回调函数中的 getOrderInfo 方法，从而获取订单信息。
最后，我们输出获取用户信息成功和获取订单信息成功的信息。
总结
thens 是一个非常实用的 npm 包，它可以帮助我们更加优雅地处理回调地狱问题，并且非常方便地实现多个异步请求的顺序执行。通过学习 thens 的基本语法和使用方法，相信同学们可以更加熟练地编写 JavaScript 代码，更加高效地实现项目开发。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60056cfa81e8991b448e6c3b