Promise 是前端异步编程中非常重要的一个工具，它可以使异步代码的组织和处理变得更加简单和可读。在 Promise 中，我们可以方便地处理异步函数的成功和失败，并且可以通过链式调用来依次执行多个异步操作。然而，在使用 Promise 进行异步编程时，我们还需要注意一些细节，其中包括异常穿透的处理问题。
异常穿透的定义
异常穿透是指在 Promise 链式调用中，当一个 Promise 被 rejected 后，如果没有处理该错误，那么该错误会一直向下传递，直到被后续的 Promise or Promise.catch() 中捕获或者抛出到全局。
简单的说，就是当 Promise 处理出现错误时，如果没有处理该错误，那么该错误会一直向 Promise 链后面的 Promise 传递，直到被捕获或者抛出到全局。
为了更好地理解异常穿透的概念，我们来看一下以下示例代码：
-- -------------------- ---- -------
------------------
-------- -- -
----- --- ---------------- ---- --------
--
-------- -- -
----------------- ---- --- ------
--
------------ -- -
------------------ --------- -------------
---在这个示例中，我们使用 Promise.resolve() 创建了一个初始值为 1 的 Promise 对象，然后通过 .then() 方法进行链式调用。在第一个 .then() 中，我们通过 throw new Error() 抛出了一个异常，并没有进行 error 处理，接着我们继续在后面添加了一个 .then() 方法，最后使用 .catch() 来捕获异常并输出错误信息。
如果我们运行这段代码，我们可以看到控制台输出的结果为 'Error caught: something went wrong'。这是因为在第一个 .then() 中抛出了错误，因此如果没有进行错误处理，该错误会一直向下传递，直到被最后的 .catch() 方法捕获。
异常穿透的解决方法
要解决异常穿透的问题，我们可以在每个 Promise 对象中使用 .catch() 方法来捕获错误。这样就可以确保在 Promise 链中的每一个 Promise 都可以处理错误，而不是让错误一直传递下去。
以下是使用 .catch() 方法的示例代码：
-- -------------------- ---- -------
------------------
-------- -- -
----- --- ---------------- ---- --------
--
-------- -- -
----------------- ---- --- ------
--
------------ -- -
------------------ --------- -------------
--
-------- -- -
----------------- ---- ------
---在这个示例中，我们同样使用了之前的代码，但是添加了一个额外的 .then() 方法，用于输出 'this will run'，同时在后面添加了一个 .catch() 方法，用于捕获错误。
如果我们运行这个代码，我们会发现控制台输出的结果为 'Error caught: something went wrong' 和 'this will run'。
这意味着我们成功地使用了 .catch() 方法来捕获异常，并确保在 Promise 链的每一个 Promise 中都进行了合适的错误处理。这样，我们就可以避免异常穿透在应用程序中造成的潜在问题。
结论
在前端异步编程中，Promise 是非常重要的工具，它可以使我们的代码更加可读和易于维护。然而，在使用 Promise 进行异步编程时，我们需要注意异常穿透这个问题。为了解决异常穿透，我们应该在 Promise 链式调用中使用 .catch() 方法来捕获错误，并确保在每个 Promise 对象中都进行了合适的错误处理。
值得注意的是，当 Promise 经过错误处理后，Promise 状态会变为 resolved，因此，在被捕获的 Promise 后面再添加 .then() 方法时，该方法会被执行，而不是跳过。
在实际的应用程序中，我们应该小心处理 Promise 中的错误，以确保应用程序的稳定性和可靠性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/674ff0d3fbd23cf890710c2a