Promise 中出现的 Unhandled Promise Rejection 警告是如何产生的

Promise 是 JavaScript 中重要的异步编程解决方案之一，它可以让我们更方便地处理异步操作。但是，当我们使用 Promise 的时候，可能会遇到一个叫做 Unhandled Promise Rejection 的警告。这篇文章将详细解释这个警告是如何产生的，以及我们应该如何避免它。

产生原因

在 Promise 中，如果一个 Promise 被 reject 了，但是没有被 catch 处理，那么就会产生一个 Unhandled Promise Rejection 警告。这个警告的产生是因为 Promise 的设计目标之一是避免出现未处理的异常。如果一个 Promise 被 reject 了，但是没有被 catch 处理，那么这个异常就会被认为是未处理的，这时就会产生警告。

以下是一个产生 Unhandled Promise Rejection 警告的例子：

const p = new Promise((resolve, reject) => {
  reject(new Error('Something went wrong'));
});

// 没有 catch 处理

在上面的例子中，我们创建了一个 Promise，并在 Promise 中 reject 了一个 Error。但是我们没有使用 catch 处理这个异常，这就会产生 Unhandled Promise Rejection 警告。

如何避免

避免 Unhandled Promise Rejection 警告的方法很简单，只需要在 Promise 中使用 catch 处理异常即可。以下是一个避免警告的例子：

const p = new Promise((resolve, reject) => {
  reject(new Error('Something went wrong'));
});

p.catch(error => {
  console.error(error);
});

在上面的例子中，我们使用 catch 处理了 Promise 中的异常，这样就不会产生 Unhandled Promise Rejection 警告了。

另外，如果我们在使用 Promise 的时候经常遇到 Unhandled Promise Rejection 警告，我们可以使用 Promise 的静态方法 Promise.reject() 来创建一个 reject 的 Promise，并在创建的时候就使用 catch 处理异常。以下是一个使用 Promise.reject() 的例子：

const p = Promise.reject(new Error('Something went wrong'));

p.catch(error => {
  console.error(error);
});

在上面的例子中，我们使用 Promise.reject() 创建了一个 reject 的 Promise，并在创建的时候就使用 catch 处理了异常。

结论

在使用 Promise 的时候，我们应该避免出现 Unhandled Promise Rejection 警告。这个警告的产生是因为 Promise 的设计目标之一是避免出现未处理的异常。我们可以使用 catch 处理 Promise 中的异常来避免这个警告的产生。如果我们经常遇到这个警告，我们可以使用 Promise.reject() 来创建一个 reject 的 Promise，并在创建的时候就使用 catch 处理异常。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67777790c1c5215e3cb7a012