Promise 概述
Promise 是一种异步编程机制，它的主要作用是解决回调地狱问题。Promise 是由三种状态构成的：pending, resolved, rejected。
使用 Promise 可以让我们更好地控制异步操作的状态和执行时机，避免回调函数嵌套过多，提高代码可读性和可维护性。
Promise 用法
Promise 构造函数
- 一个 Promise 对象需要通过
new Promise((resolve, reject) => {})的方式来创建。 - 构造函数接受一个函数作为参数，该函数包含两个参数：
resolve和reject。分别表示异步操作成功和失败后的回调函数，将异步操作结果返回，传递给下一个 Promise 或者处理函数。 - 可以在构造函数中执行异步操作，并在异步操作完成后调用
resolve()或者reject()函数来改变 Promise 的状态。
new Promise((resolve, reject) => {
setTimeout(() => {
resolve("result");
}, 1000);
});Promise 链式调用
- 在创建 Promise 对象之后，我们可以通过
then()和catch()方法来对其进行链式调用。 then()方法接受两个函数作为参数，第一个参数表示成功回调函数，第二个参数表示失败回调函数。catch()方法只接受失败回调函数作为参数。- 每一个
then()方法对应着一个 Promise 对象。在执行then()方法时，返回一个新的 Promise 对象，以便可以进行链式调用。
-- -------------------- ---- -------
----- ------- - --- ----------------- ------- -- -
------------- -- -
------------------
-- ------
---
-------
----------- -- -
-----------------
--
------------ -- -
-----------------
---Promise.all()
Promise.all()方法可以接受一个 Promise 数组作为参数，当所有 Promise 对象状态都变为 resolved 时，返回一个包含所有 Promise 对象执行结果数组的 Promise 对象。- 当其中一个 Promise 对象状态变为 rejected 时，则直接返回 rejected 状态的 Promise 对象。
-- -------------------- ---- -------
----- -------- - --- ----------------- ------- -- -
------------- -- -
-------------------
-- -----
---
----- -------- - --- ----------------- ------- -- -
------------- -- -
-------------------
-- ------
---
---------------------- --------------------- -- -
----------------- -- ----------- ----------
---代码可读性
使用 Promise 可以避免回调地狱，提高代码的可读性和可维护性。
-- -------------------- ---- -------
-- -------------
----------------- ----- -------- -
-- ----- -
------------- ------
- ---- -
----------------- -------- ----- -------- -
-- ----- -
------------- ------
- ---- -
----------------- -------- ----- -------- -
-- ----- -
------------- ------
- ---- -
-------------- ---------
-
---
-
---
-
---
-- ------- ---------
----------
--------------- -- -
------ ------------------
--
--------------- -- -
------ ------------------
--
--------------- -- -
------ --------
--
------------ -- -
-----------------
---Promise 的错误处理
在 Promise 中使用 catch() 方法可以捕获 Promise 在执行过程中产生的错误。在捕获错误后，我们可以通过 throw 或者 reject() 方法再次抛出错误或者向下传递错误。
-- -------------------- ---- -------
---------
-------------- -- -
-- --------- -
----- --- ------------- -- ---- -- ------------
-
--------------------
--
------------ -- -
-----------------
---同步异步错误处理
如果 Promise 函数中出现同步错误，可以通过 try-catch 语句块来捕获错误，并通过 reject() 方法将错误传递给下一个 Promise 函数。
new Promise((resolve, reject) => {
try {
// do something
resolve(result);
} catch (err) {
reject(err);
}
});Promise 的执行顺序
在 Promise 中，异步操作的执行顺序是不确定的，因此 Promise 的链式调用可能会出现某个 Promise 函数中间不执行的情况，导致后面的 Promise 函数得不到执行。因此，在 Promise 函数中一定要注意异步操作的执行时机。
-- -------------------- ---- -------
--- ----------------- ------- -- -
------------- -- -
------------------ ----------
------------------
-- ------
--
-------------- -- -
------------------- -------- - - --------
--
-------- -- -
------------------ ----------
---
-- -------- ----- -------------- ------- - ----- --------Promise 中的性能问题
使用 Promise 的过程中，需要注意 Promise 中的回调函数和异步操作的复杂度，过多的回调函数和异步操作会导致 Promise 的性能下降。
Promise 中的错误处理
在 Promise 中，由于异步操作的执行顺序是不确定的，因此需要注意错误的处理。如果某个 Promise 函数出现了错误，我们应该使用 catch() 方法来捕获错误，并将错误信息向下传递，同时我们也应该在所有的 Promise 函数中使用 catch() 方法来捕获错误，避免未处理的错误影响程序的执行。
总结
使用 Promise 可以使得异步代码的可读性和可维护性更高，同时还可以解决回调地狱问题。在使用 Promise 的过程中，需要注意异步操作的执行时机和错误的处理，避免出现意想不到的结果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/645e2dd0968c7c53b0092f26