Promise 是 JavaScript 的一种异步编程解决方案，它可以避免回调地狱，使异步操作更加简洁、易读。但是在使用 Promise 的过程中，我们也会遇到一些错误。本文将会介绍 Promise 中常见的错误，以及解决方案。
Promise 中常见的错误
1. Promise 链中没有 catch
Promise 链中没有 catch 导致的错误是 Promise 中最常见的错误之一。在 Promise 中，如果前面的 Promise 被 reject，且没有 catch 处理该错误，那么该错误就会被抛出，从而导致整个 Promise 链被中断。
Promise.resolve()
.then(() => {
throw new Error('Oops!');
})
.then(() => {
console.log('Success!');
});在上面的代码中，第一个 Promise 抛出了一个错误，但是在后面的 Promise 中没有 catch 处理该错误，因此整个 Promise 链被中断，控制台中会输出如下错误信息：
Uncaught (in promise) Error: Oops!
2. Promise 链中没有返回 Promise
在 Promise 链中，如果某个 Promise 没有返回一个新的 Promise，那么后面的 then 方法就会接收到一个 undefined 值，这样就会导致后面的 Promise 无法正确地处理数据。
-- -------------------- ---- -------
------------------
-------------- -- -
-------------------- -- -
--
-------------- -- -
-------------------- -- ---------
------ ------ - --
--
-------------- -- -
-------------------- -- ---
---在上面的代码中，第二个 then 方法没有返回一个新的 Promise，因此后面的 then 方法接收到的是 undefined 值，导致后面的 Promise 无法正确地处理数据。
3. Promise 中没有正确地处理错误
当 Promise 被 reject 时，如果没有正确地处理错误，就会导致整个应用崩溃。在处理错误时，我们应该使用 catch 方法来捕获错误，并对错误进行处理。
Promise.resolve()
.then(() => {
throw new Error('Oops!');
})
.catch((error) => {
console.log(error); // Error: Oops!
});在上面的代码中，我们使用 catch 方法来捕获错误，并对错误进行处理。这样即使 Promise 被 reject，也不会导致整个应用崩溃。
解决方案
1. 在 Promise 链中添加 catch
在 Promise 链中，我们应该为每个 Promise 添加一个 catch 方法，用来捕获错误并进行处理。
-- -------------------- ---- -------
-----------------
-------- -- -
----- --- ---------------
--
-------------- -- -
------------------- -- ------ -----
--
-------- -- -
------------------------
---在上面的代码中，我们为 Promise 链中的每个 Promise 添加了 catch 方法，用来捕获错误并进行处理。
2. 返回一个新的 Promise
在 Promise 链中，每个 then 方法都应该返回一个新的 Promise，以便后面的 then 方法可以正确地处理数据。
-- -------------------- ---- -------
------------------
-------------- -- -
-------------------- -- -
------ ------ - --
--
-------------- -- -
-------------------- -- -
------ ---------------------- - ---
--
-------------- -- -
-------------------- -- -
---在上面的代码中，每个 then 方法都返回一个新的 Promise，以便后面的 then 方法可以正确地处理数据。
3. 在 catch 方法中重新抛出错误
在 catch 方法中，我们应该重新抛出错误，以便后面的 catch 方法可以继续处理错误。
-- -------------------- ---- -------
-----------------
-------- -- -
----- --- ---------------
--
-------------- -- -
------------------- -- ------ -----
----- ------
--
-------------- -- -
------------------- -- ------ -----
---在上面的代码中，我们在第一个 catch 方法中重新抛出了错误，以便后面的 catch 方法可以继续处理错误。
总结
在使用 Promise 的过程中，我们应该注意避免常见的错误，例如没有添加 catch 方法、没有返回一个新的 Promise、没有正确地处理错误等。当遇到错误时，我们应该根据错误类型选择相应的解决方案，以便保证 Promise 的正确执行。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6511688095b1f8cacd9e2c5d