在前端编程中，Promises（Promise 对象）是一种常用的异步编程工具。它们可以允许开发者将异步操作的结果处理过程（如数据获取或 API 调用）分离出来，使代码更简洁、可读、易于维护。不过，Promises 也带来了一些问题：异常处理和错误控制，是在 Promise 编程中需要特别关注的方面。
错误和异常的区别
在进一步探讨 Promise 编程中的异常和错误之前，我们先确保我们对这两个概念有所理解。错误指的是在代码中出现的、应该被处理的问题，应该被合理地暴露出来，而不应该被忽略。异常则是指非预期的错误，如系统资源已被耗尽、权限不足等原因导致的错误。异常应该在适当的时候捕获和处理，保证代码的可靠性。
在 Promise 编程中，一个 Promise 的 rejected 状态有可能是错误（Error），也有可能是异常（Exception），需要根据实际情况进行处理。
Promise 编程中的错误控制
Promise 的异常捕获
在 Promise 内部发生异常时，Promise 的处理方式有点特殊。由于异常并不是预期的结果，而是意外情况，Promise 对象不会像普通对象那样把异常传递给调用者（因为调用者并不清楚 Promise 中的异步操作会发生什么异常）。而是通过 rejected 状态来报告这个异常，这就需要使用 Promise 的异常处理机制：
-- -------------------- ---- -------
----- ------- - --- ----------------- ------- -- -
------------- -- -
--- -
----- --- --------- ---------- --------
- ----- ------- -
--------------
-
-- ------
---
--------------------- -- -
------------------ -------- ---------------
---通过 catch 方法，我们可以捕获 Promise 异常，这样代码就不会崩溃。注意，当 Promise 中执行的操作出现异常时，第一个 catch 回调方法会被调用。如果 Promise 中没有调用 reject 方法的话，异常将被扔出到全局的 window.onerror 方法中。
Promise 的错误处理
在 Promise 编程中，错误控制是由 reject 方法来实现的。当 Promise 中出现错误时，应该使用 reject 方法来把错误传递给 Promise 的调用者。接下来，我们看一个示例：
-- -------------------- ---- -------
-------- ------------ -
------ --- ----------------- ------- -- -
-- ---- --- --- -
---------- ---------- -- ---------
- ---- -
----------
---------------- -- ----------------
------------ -- --------------
-------------- -- ---------------
-
---
-
-----------
------------ -- ---------------- ------- ------
-------------- -- --------------------- -- ---- ------- ----------------在上述代码中，我们使用了 reject 方法来处理错误。如果 URL 参数为空，就会 reject 一个 Error 类型的对象。此时，Promise 调用链会跳过成功状态（then 方法），直接进入错误状态（catch 方法），在控制台输出错误信息。如果 URL 参数不为空，就会执行网络请求获取数据。fetch 是一个异步操作，所以使用了 then 方法来注册回调函数，处理异步结果。当获取数据成功时，Promise 会进入成功状态，执行相应的回调函数。当发生错误时（如网络连接错误，无法获取数据），Promise 会跳过 then 方法，直接进入 catch 方法，执行相关的错误处理逻辑。
这就是 Promise 编程中的错误控制。使用 Promise 对象来处理错误，可以使代码更加稳定、可靠。
总结
本文中，我们讨论了 Promise 编程中的异常和错误，并阐述了异常和错误的区别。我们还讲解了如何使用 Promise 处理异常和错误，以及如何控制 Promise 编程中的错误。现在您已经可以更加自信地使用 Promise 对象来处理异步操作了！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e9e27af6b2d6eab35109e4