Promise 是 JavaScript 中异步编程的重要工具，可以让开发者更加方便、优雅地管理回调，避免层层回调嵌套的回调地狱。但是，使用 Promise 时也需要避免陷阱，否则代码可能会被嵌套的 Promise 所缠绕。
本文将介绍几个常见的 Promise 陷阱，并给出避免这些陷阱的方法和建议。
陷阱1：忘记返回 Promise
在一个 Promise 函数中，必须显式地返回一个 Promise 对象。否则，异步操作就不能被正确地链式调用。例如：
-- -------------------- ---- -------
-------- ------------ -
------------- -- -
------ ----------------------- -- ----------- -------
-- ------
-
------------
------------- -- -
------------------ -- -- -- ---------
--
---------- -- -
-------------------- --------- -- -----
---在上述代码中，getOrderId 函数虽然通过 setTimeout 内部实现了异步操作，但是并没有返回一个 Promise。这样，Promise.resolve(12345) 并不是被正确处理的，从而导致后续代码执行错误。
解决这个问题，可以将 setTimeout 的返回值直接作为 Promise 对象返回：
function getOrderId() {
return new Promise(resolve => {
setTimeout(() => {
resolve(12345);
}, 1000);
});
}陷阱2：忘记 catch 错误
Promise 异步操作可能会失败，因此需要在链式调用中使用 catch 进行错误处理。如果某个 Promise 对象在后续链式调用中没有 catch 处理，则可能会导致错误无法被捕获，从而影响整个应用的稳定性。例如：
Promise.resolve().then(() => {
throw new Error('Booom!');
});
// 没有 catch 处理错误，整个应用崩溃因此，我们应该始终 ensure 对每个 Promise 链都进行错误处理：
Promise.resolve().then(() => {
throw new Error('Booom!');
}).catch(e => console.error(e));陷阱3：嵌套过多的 Promise
Promise 的链式调用越深，代码就越难以理解和维护。因此，我们要尽量简化代码链式调用，避免去嵌套过多的 Promise。例如：
-- -------------------- ---- -------
-------- ----------- -
------ ---------------------
-
-------- --------------- -
------ ----------------- --- ----- ------ ---
-
-------- -------------------- -
------ -----------------------
-
-----------
-------- -- -
------ ----------------
--
---------- -- -
------ ---------------------
--
------------- -- -
----------------- ------- --- -- ---------
---在上面的代码中，getUserBalance 函数的 intermediate variable 可简单的省略，例如：
getUserId()
.then(id => getUserById(id))
.then(user => getUserBalance(user))
.then(balance => console.log('User balance is: ', balance));更好的防御方式是使用 async/await。async 函数返回的是一个 Promise 对象，可以用单独的 .catch() 处理错误。
-- -------------------- ---- -------
----- -------- ---------------- -
--- -
----- -- - ----- ------------
----- ---- - ----- ----------------
----- ------- - ----- ---------------------
----------------- ------- --- -- ---------
- ----- --- -
-----------------
-
-总结
Promise 是一个强大而灵活的工具，可以通过它很好地管理 JavaScript 中的异步代码。但是，在使用 Promise 时需要注意避免陷阱，包括遗漏 catch 处理，忘记返回 Promise，以及嵌套过多的 Promise 链式调用。在本文中，我们介绍了这些常见的 Promise 陷阱，并给出了相应的解决方法和建议。希望本文能够对你在开发中使用 Promise 有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/645a041f968c7c53b0c230d2