前言
在前端开发中，我们经常会使用异步编程来处理一些耗时操作，如网络请求、读取文件等，而 Promise 作为异步编程的一种常用方式，已经成为了现代 JavaScript 开发中不可或缺的一部分。但是在使用 Promise 的过程中，我们可能会遇到一些问题，例如如何正确地处理 Promise 中的异常，以及如何把异常信息返回给调用者等问题。
本文将介绍 Promise 和 throw 的区别，以及如何在实际开发中正确地使用它们。
Promise 和 throw 的区别
Promise 和 throw 的区别在于它们在处理异常时的机制不同。
在 JavaScript 中，当代码中出现了错误，例如调用一个未被声明的变量，代码就会抛出一个异常。而 throw 语句则是在代码中手动抛出一个异常，以便我们在代码中捕捉并处理异常。
Promise 则是通过 then 方法的回调函数来处理异常。如果 Promise 的状态变为了 rejected，就会执行 then 方法中的第二个回调函数（也可以通过 catch 方法来捕捉异常），从而处理异常情况。
下面是一个具体的示例：
-- -------------------- ---- -------
-------- ------------- -
------ --- ----------------- ------- -- -
------------- -- -
----- ---- - --------------
-- ----- - ---- -
--------------
- ---- -
---------- ----------- ---------
-
-- ------
---
-
-- -- ------- ----
-------------------
---- -- -
------------------
--
----- -- -
---------------------
-
--
-- -- ----- ----
--- -
----- ---- - --------------
------------------
- ----- ------- -
---------------------
-在上面的代码中，如果 Promise 的状态变为了 rejected，就会执行 then 方法中的第二个回调函数，从而处理异常情况。而如果我们使用 throw 语句来捕捉异常，实际上是不起作用的，因为 Promise 的抛出异常是异步的，而 throw 语句是同步的，所以会直接跳过异常处理的代码块。
Promise 异常的传递
当我们在 Promise 中抛出异常时，如果我们不使用 catch 方法来处理异常，这个异常就会一直向外抛出，直到被 try...catch 语句或者全局异常处理器捕获并处理为止。
下面是一个具体的示例：
-- -------------------- ---- -------
-------- --------- -
------ --- ----------------- ------- -- -
------------- -- -
--- -
----- --- ----------- --------
- ----- ------- -
--------------
-
-- ------
---
-
---------
---------- -- -
------------------
--
------------ -- -
---------------------
---在上面的代码中，我们在 Promise 中手动抛出了一个异常，并在 catch 方法中处理了这个异常。如果我们不使用 catch 方法来处理异常，这个异常就会一直向外抛出，直到被 try...catch 语句或者全局异常处理器捕获并处理为止。
Promise 级联调用中的异常处理
在使用 Promise 进行级联调用时，我们需要注意正确地处理异常情况，以防止异常信息丢失。具体来说，在级联调用时，如果某个 Promise 的状态变成了 rejected，就会跳过后续的所有 then 回调函数，直到遇到 catch 回调函数。因此，如果我们想要在级联调用中正确地处理异常，就需要在每一个 then 回调函数中都使用 catch 回调函数来捕获异常。
下面是一个具体的示例：
-- -------------------- ---- -------
-------- --------- -
------ --- ----------------- ------- -- -
------------- -- -
---------- ----------- ---------
-- ------
---
-
---------
---------- -- -
------------------
------ -----
--
------------ -- -
---------------------
------ -----
--
---------- -- -
-------------------- ------
---在上面的代码中，我们在第一个 then 回调函数中处理了异常，并返回了一个 null 值，这样后续的 then 回调函数就不会再执行了。
总结
本文主要介绍了 Promise 和 throw 的区别及使用技巧。在使用 Promise 时，我们需要注意正确地处理异常情况，以防止异常信息丢失。具体来说，我们可以使用 catch 方法来捕获异常，并在 catch 方法中处理异常情况。另外，在级联调用中，我们需要在每一个 then 回调函数中都使用 catch 回调函数来捕获异常，以防止异常信息丢失。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/648912b648841e989475ebe7