在前端开发中，我们常常需要处理异步操作的结果。使用 Promise 是一种常见的方式，但是 Promise 仍然需要处理错误和异常情况，这使得代码变得很难看。为了简化这个问题，我们可以使用 await-to-js 这个 npm 包。
了解 await-to-js
await-to-js 是一个可以使 await 语句具有更好容错性的工具包。利用该工具包可以使代码更加简便易读，同时也可以处理错误和异常情况。
安装 await-to-js
使用 npm 可以很方便地安装 await-to-js：
npm install await-to-js
使用 await-to-js
使用 await-to-js 只需要简单地将 Promise 改写成一个数组即可，如下所示：
const [error, result] = await to(doSomethingAsync());
这里 to 是 await-to-js 提供的函数。
如果 Promise 被成功解析，那么 error 将是 null，而 result 将是 Promise 的返回值。如果 Promise 被拒绝，那么 error 将是 Promise 失败时的错误，而 result 将是 undefined。
在实际开发中，我们经常需要处理 Promise 数组中的多个 Promise，这个时候可以使用 Promise.all 来处理，示例代码如下：
const [error1, result1, error2, result2] = await to(Promise.all([p1(), p2()]));
这里我们将所有 Promise 组合成一个数组传递给 to 函数处理。当所有 Promise 执行完毕之后，error1 和 error2 将是 null，而 result1 和 result2 将分别是 Promise p1 和 p2 的返回值。
实用示例
下面是一个使用 await-to-js 的实用示例。假设我们要从 API 中获取数据并进行处理，但是 API 可能会出现错误。使用 await-to-js 使我们能够轻松地处理这种情况。
-- -------------------- ---- -------
----- -------- --------- -
----- ------- ------- - ----- -----------------------
-- ------- -
---------------------
-------
-
-- ------
----- ------------- - ----------------------
---------------------------
-在这个例子中，我们使用 fetchDataFromApi 获取数据。如果 fetchDataFromApi 函数返回错误，那么我们将在控制台中记录错误并退出函数。否则，我们将处理结果并将处理后的结果输出到控制台。
结论
使用 await-to-js 可以使代码更加易读，同时也能够处理错误和异常情况。在实际开发中，它可以帮助我们更快、更好地完成项目。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedae70b5cbfe1ea0610e49