前言
在前端开发中，我们经常需要处理异步操作。在这种情况下，我们通常使用 Promise，或者 async/await 来处理异步流程。Promise 越来越常见，但是对于有些人来说，使用它并不是一件容易的事情。
今天我将介绍一个非常实用的 npm 包，think-await，它可以帮助你更轻松地使用 Promise。
安装
首先，在你的项目中安装 think-await，你可以在终端中运行以下命令：
npm install think-await --save
使用
使用 think-await 非常简单，只需在你的代码中引用它，并正常使用 Promise。
await 函数
think-await 提供了一个非常简单的 helper 函数，即 await，在没有 try/catch 语句块的情况下使用 Promise 可以是一种很难看懂的方式，例如：
-- -------------------- ---- -------
-------- ---------------- -
------ ----------
--------- -- -
-- -------- -
------ -----------
-
--
---------- -- -----------
-这是标准的 Promise 语法，但它可能会很难理解，而使用 think-await，我们可以使它更加清晰易读：
async function getFileSize(url) {
const res = await fetch(url);
if (res.ok) {
const blob = await res.blob();
return blob.size;
}
}在使用 think-await 的 await 函数之后，我们可以清晰地看到代码的状态。它不但看起来更美观，而且更易于理解。
parallel 函数
除了 await 之外，think-await 还提供了 parallel 函数，它允许我们并行处理多个 Promise。以下是一个示例：
async function parallelPromises() {
const [result1, result2] = await Promise.all([
fetch('/api/data1').then(res => res.json()),
fetch('/api/data2').then(res => res.json())
]);
return { result1, result2 };
}这是一个非常好的示例，它说明 asyn 和 await 是多么的清晰易懂，即使这是一个并行操作。
Catching errors
当然，在处理异步流程时，错误处理同样重要。在使用 Promise 时，我们通常使用 try 和 catch 来处理这些错误。在使用 think-await 时，异步错误也可以使用 try 和 catch 处理，例如：
-- -------------------- ---- -------
----- -------- -------------- -
--- -
----- --- - ----- -----------
----- ---- - ----- -----------
------ -----
- ----- ----- -
-- ------ ------
-
-总结
我们已经讨论了如何使用 think-await，它使我们在处理异步操作时更加清晰和易懂。当然，这只是使用 think-await 的一些示例，如果您有兴趣，可以在这个 Github repository 中找到更多详细信息。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600556c181e8991b448d38d7