在前端开发中，尤其是在异步操作中，错误处理非常重要。Javascript 中的 Promise 对象已经解决了异步操作中的许多问题，但是 Promise 对象的错误处理相对来说还是有点麻烦。为了更好地处理 Promise 对象的错误，有时我们需要使用 async-await 语法结合 Promise 对象，同时借助于一个非常好用的 npm 包 async-await-error-handling。
async-await-error-handling 介绍
async-await-error-handling 是一个基于 Promise 对象的错误处理工具包，它可以完美地结合 async-await 语法，帮助我们更好地处理异步操作中的错误，减少代码的复杂度，提高代码的可读性和可维护性。
在项目中使用 async-await-error-handling
在项目中使用 async-await-error-handling 非常简单，我们只需要通过 npm 安装该工具包，然后就可以在项目中使用了。
npm install async-await-error-handling --save
在代码中使用 async-await-error-handling 也非常简单，我们只需要使用 tryCatch() 方法包装异步操作即可。示例如下：
-- -------------------- ---- -------
----- - -------- - - --------------------------------------
----- -------- --------- -
----- ------ ---- - ----- -------------------------------------------------------
-- ----- -
-------------------------
-------
-
------------------
-
----------async-await-error-handling 的 API
async tryCatch(promise[, opts]) -> Array
tryCatch() 方法是整个 async-await-error-handling 工具包的核心 API，它被用来包装异步操作，并返回一个数组，数组的第一项为异步操作返回的数据，第二项为异步操作发生的错误（如果有）。tryCatch() 方法的参数如下：
promise：必选项。需要被包装的异步操作，它可以是一个 Promise 对象或一个返回 Promise 对象的函数。 opts：可选项。一个包含各种可选配置项的对象，其中最重要的配置项是 errorHandler，在异步操作发生错误时，该配置项指定的错误处理函数会被调用。
值得注意的是，async-await-error-handling 的 API 返回的不是一个 Promise 对象，而是一个包含两项内容的数组，因此可以使用数组解构语法来获取异步操作返回的数据和异常信息。
async-await-error-handling 的高级用法
async-await-error-handling 支持一些高级用法，比如使用第二个参数指定错误处理方法，自定义错误类型等等。具体用法如下：
使用 errorHandler 指定错误处理函数
我们可以在 tryCatch() 方法的第二个参数中指定 errorHandler 配置项，以指定异步操作发生错误时的处理函数。示例如下：
-- -------------------- ---- -------
----- - -------- - - --------------------------------------
----- -------- --------- -
----- ------ ---- - ----- ------------------------------------------------------ -
------------- ----- -- -
---------------------------
--
---
-- ----- -
-------------------------
-------
-
------------------
-
----------自定义错误类型
除了指定错误处理函数之外，我们还可以自定义错误类型。示例代码如下：
-- -------------------- ---- -------
----- - --------- --------- - - --------------------------------------
----- ------------ - --------------------------
----- -------- --------- -
----- ------ ---- - ----- -------------------------------------------------------
-- ---- ---------- ------------- -
-----------------------------------
-------
-
-- ----- -
-----------------------------------
-------
-
------------------
-
----------处理同步错误
对于同步操作，我们无法使用 try...catch 结构来捕获错误，但是使用 async-await-error-handling，我们可以实现类似的功能。示例代码如下：
-- -------------------- ---- -------
----- - ------------ - - --------------------------------------
-------- -------- -
----- --- ----------- --------
-
----- -------- --------- -
----- ------ ---- - ----- ---------------------
-- ----- -
-------------------------------------
-------
-
------------------
-
----------结语
async-await-error-handling 是一个非常好用的异步操作错误处理工具包，可以帮助我们更好地处理异步操作中的错误，提高代码的可读性和可维护性。如果你还没有使用过 async-await-error-handling，建议尝试一下，相信它会给你带来意外的惊喜！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055d1e81e8991b448dac4b