Promise 是 JavaScript 中处理异步操作的重要工具之一，它可以帮助我们更好地组织异步代码，避免回调地狱。但是，在 Promise 的内部，如果出现了错误，我们该如何处理它呢？在 ES8 中，有一个新的特性可以帮助我们优雅地解决 Promise 内部错误抛出的问题。
Promise 的错误处理
在 Promise 中，如果出现了错误，我们通常会使用 reject 方法将错误信息传递给 catch 方法，如下所示：
--- ----------------- ------- -- - -- ---- -- --------- ------ -- ---------- ------------- -------------- -- - -------------------------- --
这种方式可以很好地处理 Promise 内部的错误，但是如果我们在 then 方法中继续执行异步操作，如果出现错误，就无法通过 catch 方法捕获了，如下所示：
--- ----------------- ------- -- -
-- ----
-------------
-------------- -- -
-- --------
------ --- ----------------- ------- -- -
-- ----
---------- -------------
--
-------------- -- -
--------------------------
--在上面的代码中，第二个 Promise 对象中的 reject 方法抛出了一个错误，但是这个错误无法被 catch 方法捕获，因为它发生在 then 方法中的异步操作中。这种情况下，我们通常需要手动在 then 方法中添加一个 catch 方法来捕获错误，如下所示：
--- ----------------- ------- -- -
-- ----
-------------
-------------- -- -
-- --------
------ --- ----------------- ------- -- -
-- ----
---------- -------------
-------------- -- -
-- ------
----- -----
--
-------------- -- -
--------------------------
--这种方式虽然可以解决问题，但是会使代码变得冗长，而且容易出错。在 ES8 中，我们可以使用 async/await 特性来优雅地解决这个问题。
async/await 的错误处理
async/await 是 ES8 中新增的一个特性，它可以让我们以同步的方式编写异步代码。在使用 async/await 时，我们可以使用 try/catch 语句来捕获 Promise 内部的错误，如下所示：
----- -------- ----- -
--- -
----- ------- - ----- --- ----------------- ------- -- -
-- ----
--------------
--
----- ------- - ----- --- ----------------- ------- -- -
-- ----
---------- -------------
--
- ----- ------- -
--------------------------
-
-
-----在上面的代码中，我们使用 async 函数来包装异步操作，使用 try/catch 语句来捕获错误。在 async 函数中，我们可以像写同步代码一样使用 await 关键字来等待 Promise 对象的结果，如果 Promise 对象抛出了错误，就会被 catch 语句捕获。
使用 async/await 可以让我们更加优雅地解决 Promise 内部错误抛出的问题，而且代码也更加简洁易懂。
总结
在本文中，我们介绍了 ES8 中如何优雅地解决 Promise 内部错误抛出的问题。我们首先介绍了 Promise 的错误处理方式，然后介绍了 async/await 的错误处理方式，并且给出了示例代码。使用 async/await 可以让我们更加优雅地处理 Promise 内部的错误，而且代码也更加简洁易懂。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/65521fbbd2f5e1655dbda45c