Promise 是 JavaScript 中常用的一种异步编程方式，它能够有效地解决回调地狱的问题，使代码更加简洁清晰。但是，在使用 Promise 的过程中，有一些常见的陷阱问题需要注意和避免。
陷阱一：忘记处理异常
Promise 中的异常需要用 catch 方法来处理，否则程序会崩溃或者不能按预期运行。
示例代码：
// 这是错误的示例代码
Promise.resolve('foo')
.then(() => {
throw new Error('This is an error!');
})
.then(() => {
console.log('This will never be executed!');
});正确的处理异常方法：
-- -------------------- ---- -------
----------------------
-------- -- -
----- --- ----------- -- -- ---------
--
-------- -- -
----------------- ---- ----- -- ------------
--
------------ -- -
-------------------
---陷阱二：在 Promise 中使用 setTimeout
在 Promise 中使用 setTimeout 可能会导致一些问题。因为在 Promise 中使用 setTimeout 时， setTimeout 中的代码会在 Promise 中的其他代码执行完毕之后才执行。
示例代码：
-- -------------------- ---- -------
----------------------
-------- -- -
------------------ -------
------------- -- -
--------------------------
-- ---
--
-------- -- -
------------------- -------
---预期结果应该是：
First then setTimeout Second then
但是实际结果是：
First then Second then setTimeout
正确的使用方法：
如果需要在 Promise 中使用 setTimeout，应该使用一个新的 Promise 包装 setTimeout，并将其返回，然后在 then 方法中继续执行。
示例代码：
-- -------------------- ---- -------
----------------------
-------- -- -
------------------ -------
------ --- ----------------- -- -
------------- -- -
--------------------------
----------
-- ---
---
--
-------- -- -
------------------- -------
---陷阱三：使用 Promise.all 时需要注意
在使用 Promise.all 时，如果其中一个 Promise 出现异常，整个 Promise 链也会被捕获，因此需要在使用 Promise.all 时添加异常处理。
示例代码：
Promise.all([
Promise.resolve('foo'),
Promise.reject(new Error('This is an error!')),
Promise.resolve('bar')
])
.then((results) => {
console.log(results);
});由于 Promise 中有一个 Promise 出现异常，将会导致整个 Promise 的执行失败。
正确的处理方法：
-- -------------------- ---- -------
-------------
-----------------------
------------------ ----------- -- -- ----------
----------------------
--
--------------- -- -
---------------------
--
------------ -- -
-------------------
---陷阱四：误解 Promise 的执行顺序
在 Promise 中，每个 then 方法都看起来像是一个按顺序执行的操作，但实际上这些方法是异步地执行，并且没有顺序保证。
示例代码：
Promise.resolve('foo').then(() => {
console.log('First then');
});
Promise.resolve('bar').then(() => {
console.log('Second then');
});预期结果是：
First then Second then
但是实际结果可能是：
Second then First then
正确的理解：
在使用 Promise 的时候，需要理解 then 方法不是按顺序执行的，而是在 Promise 的异步回调队列中执行的。
陷阱五：Promise 一旦被解决或者拒绝就不能再改变状态
Promise 一旦被解决或者拒绝，就不能再改变状态，因此再次调用 resolve 或 reject 方法会被忽略。
示例代码：
-- -------------------- ---- -------
----- ------- - --- ----------------- ------- -- -
---------------
---------- ----------- -- -- ----------
---
-------
-------------- -- -
--------------------
--
------------ -- -
-------------------
---预期结果是：
foo
但实际结果是：
foo
必须小心：尝试重复调用 resolve 或 reject 方法可能会导致问题。
总结
在使用 Promise 的过程中，需要注意以上五个陷阱问题，以避免在异步编程中遇到问题，提高代码质量与效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6472d3b1968c7c53b00653db