Promise 的 finally 方法有什么作用？

推荐答案

Promise.prototype.finally 方法用于指定一个回调函数，无论 Promise 对象最终状态是 fulfilled 还是 rejected，都会执行该回调函数。它的主要作用是在 Promise 链式调用中，无论成功或失败，都执行一些清理操作或最终处理。

// www.javascriptcn.com code example
promise
  .then(result => {
    // 处理成功的情况
  })
  .catch(error => {
    // 处理失败的情况
  })
  .finally(() => {
    // 无论成功或失败，都会执行
  });

本题详细解读

1. finally 方法的作用

finally 方法的主要作用是确保在 Promise 链式调用中，无论 Promise 最终是 fulfilled 还是 rejected，都会执行指定的回调函数。这使得它非常适合用于执行一些清理操作，比如关闭数据库连接、释放资源等。

2. finally 方法的执行时机

finally 方法会在 Promise 的状态确定后（无论是 fulfilled 还是 rejected）立即执行。它不会接收任何参数，因此无法知道 Promise 的最终状态是成功还是失败。

3. finally 方法的返回值

finally 方法返回一个新的 Promise 对象。如果 finally 回调函数中没有抛出异常或返回一个被拒绝的 Promise，那么新 Promise 的状态和值将与原 Promise 保持一致。

// www.javascriptcn.com code example
const promise = new Promise((resolve, reject) => {
  resolve('Success');
});

promise
  .finally(() => {
    console.log('Finally executed');
  })
  .then(result => {
    console.log(result); // 输出: Success
  });

4. finally 方法的错误处理

如果在 finally 回调函数中抛出异常或返回一个被拒绝的 Promise，那么新的 Promise 将会被拒绝，并且错误会被传递到后续的 catch 或 then 的第二个参数中。

// www.javascriptcn.com code example
const promise = new Promise((resolve, reject) => {
  resolve('Success');
});

promise
  .finally(() => {
    throw new Error('Error in finally');
  })
  .catch(error => {
    console.error(error); // 输出: Error: Error in finally
  });

5. 使用场景

finally 方法通常用于以下场景：

• 清理资源，如关闭文件、数据库连接等。
• 无论成功或失败，都需要执行的日志记录。
• 在异步操作完成后，更新 UI 状态。

fetch('https://api.example.com/data')
  .then(response => response.json())
  .catch(error => console.error('Error:', error))
  .finally(() => {
    console.log('Fetch operation completed');
  });

通过 finally 方法，开发者可以确保在 Promise 链式调用中，无论成功或失败，都能执行一些必要的操作。