在前端开发中，我们经常会需要处理异步任务，比如请求后端API数据、读取文件等。而JavaScript本身是单线程的，无法同时执行多个任务，这时候就需要用到异步编程技术。
makethen是一个npm包，它提供了一种简单易用的方式来处理异步任务，使得代码更加清晰易懂。本文将介绍makethen的基本用法以及一些实际应用场景。
安装
要使用makethen，首先需要安装它：
npm install makethen
基本用法
假设我们有一个异步函数fetchData，它从后端API获取数据：
async function fetchData() {
const response = await fetch('/api/data');
const data = await response.json();
return data;
}我们可以使用makethen来改写这个函数：
-- -------------------- ---- -------
----- -------- - --------------------
----- --------- - --------------------
-----------
---------- -- -
------------------
--
------------ -- -
---------------------
---makeThen函数接受一个异步函数作为参数，并返回一个新的函数。我们把原来的fetchData函数传给makeThen，得到一个新的函数fetchData。这个函数可以像Promise对象一样使用，即调用它的then方法来处理成功回调，调用catch方法来处理错误回调。
注意，我们还需要在fetchData函数前面加上async关键字，这是因为makeThen返回的新函数也是异步函数。
如果fetchData函数需要传入参数，我们可以通过在调用fetchData时传入参数来实现：
-- -------------------- ---- -------
----- --------- - --------------------
----------------------
---------- -- -
------------------
--
------------ -- -
---------------------
---实际应用
处理多个异步任务
在实际开发中，我们可能需要处理多个异步任务，并且它们之间有依赖关系。makethen提供了一种方便的方式来处理这种情况。
假设我们有两个异步函数getA和getB，它们分别获取数据A和数据B，并且getB需要使用到getA返回的数据：
-- -------------------- ---- ------- ----- -------- ------ - ----- -------- - ----- ---------------- ----- ---- - ----- ---------------- ------ ----- - ----- -------- ----------- - ----- -------- - ----- ------------------------------ ----- ---- - ----- ---------------- ------ ----- -
我们可以使用makethen来改写这两个函数：
-- -------------------- ---- -------
----- -------- - --------------------
----- ---- - ---------------
----- ---- - ---------
----- ------- -- -
----- ----- - ----- ------------------------------
------ ------
--
- ------- --------- -
--注意，我们对getB进行了一些改动：
我们把getB的具体实现放在了一个匿名异步函数中。这是因为我们需要使用dataA作为参数来调用fetch，而makeThen不支持传入参数，所以我们需要在这里手动传参。
我们通过第二个参数传入了一个inputs选项，它指定了getB依赖于dataA。这样，在fetchData被调用时，makethen就会自动把getA返回的数据作为dataA参数传给getB。
最后，我们可以组合getA和getB来获取数据：
Promise.all([getA(), getB()])
.then(([dataA, dataB]) => {
console.log(dataA, dataB);
})
.catch(error => {
console.error(error);
});处理错误
当多个异步任务发生错误时，我们可能需要对它们进行分别处理。makethen提供了一种方便
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/43976