Promise 的错误处理方式及解决方法-JavaScript中文网-JavaScript教程资源分享门户

前言

在 JavaScript 中，Promise 是一种非常常用的异步编程方式，它可以帮助我们更好地处理异步操作，让代码更加简洁易读。然而，在实际开发过程中，我们经常会遇到 Promise 抛出异常的情况，如果不加处理，很容易导致程序崩溃。因此，本文将详细介绍 Promise 的错误处理方式及解决方法，帮助大家更好地掌握 Promise 的使用。

Promise 的错误处理方式

1. then() 方法中的错误处理

在 Promise 中，我们可以通过 then() 方法来处理异步操作的结果。then() 方法接收两个参数，一个是成功回调函数，一个是失败回调函数。如果异步操作成功，就会执行成功回调函数；如果异步操作失败，就会执行失败回调函数。

下面是一个简单的示例：

fetch('https://api.github.com/users/github')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error(error));

在上面的代码中，我们使用 fetch() 方法来请求 GitHub API，然后通过 then() 方法来处理异步操作的结果。如果请求成功，就会将响应转换为 JSON 格式并输出到控制台中；如果请求失败，就会输出错误信息到控制台中。

2. catch() 方法中的错误处理

除了在 then() 方法中处理错误外，我们也可以使用 catch() 方法来处理错误。catch() 方法接收一个回调函数作为参数，用于处理 Promise 中的错误。

下面是一个示例：

fetch('https://api.github.com/users/github')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error(error));

3. finally() 方法中的错误处理

除了在 then() 方法和 catch() 方法中处理错误外，我们还可以使用 finally() 方法来处理错误。finally() 方法接收一个回调函数作为参数，用于在 Promise 结束时执行一些操作，无论 Promise 是否成功都会执行。

下面是一个示例：

fetch('https://api.github.com/users/github')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error(error))
  .finally(() => console.log('请求结束'));

在上面的代码中，我们使用 fetch() 方法来请求 GitHub API，然后通过 then() 方法来处理异步操作的结果。如果请求成功，就会将响应转换为 JSON 格式并输出到控制台中；如果请求失败，就会输出错误信息到控制台中。无论 Promise 是否成功，都会在最后输出请求结束的信息。

Promise 的错误解决方法

1. 返回一个 Promise.reject()

在 Promise 中，我们可以通过返回一个 Promise.reject() 来手动抛出一个异常。这样，我们就可以在 catch() 方法中捕获到这个异常，并进行相应的处理。

下面是一个示例：

// www.javascriptcn.com code example
function foo() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      reject('出错了');
    }, 1000);
  });
}

foo()
  .then(data => console.log(data))
  .catch(error => console.error(error));

在上面的代码中，我们定义了一个 foo() 函数，它返回一个 Promise 对象。在 Promise 对象中，我们使用 setTimeout() 方法模拟了一个异步操作，并在 1 秒后手动抛出了一个异常。然后，在 then() 方法中输出了成功的信息，在 catch() 方法中输出了错误的信息。

2. 使用 try...catch

除了返回一个 Promise.reject() 外，我们还可以使用 try...catch 来捕获 Promise 中的异常。这种方式适用于异步操作的代码块较小的情况。

下面是一个示例：

// www.javascriptcn.com code example
async function foo() {
  try {
    const response = await fetch('https://api.github.com/users/github');
    const data = await response.json();
    console.log(data);
  } catch (error) {
    console.error(error);
  }
}

foo();

在上面的代码中，我们定义了一个 foo() 函数，它使用 async/await 来处理异步操作。在 try...catch 中，我们使用 fetch() 方法来请求 GitHub API，并使用 await 等待响应结果。如果请求成功，就会将响应转换为 JSON 格式并输出到控制台中；如果请求失败，就会输出错误信息到控制台中。

结语

本文介绍了 Promise 的错误处理方式及解决方法，希望能帮助大家更好地掌握 Promise 的使用。在实际开发中，我们需要根据具体情况选择适当的错误处理方式，并注意避免 Promise 中的错误导致程序崩溃。

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

Promise 的错误处理方式及解决方法

前言