ES6 Promise 常用方法及面试技巧

2024-01-12 20:09:41

ES6 中的 Promise 是异步编程的利器，它能够帮助我们处理异步操作，并避免回调地狱的出现。Promise 提供了 then、catch 和 finally 等常用方法，可以让我们方便地处理异步操作的结果。

then 方法

then 方法用于处理 Promise 的结果。它接受两个参数，分别是成功回调函数和失败回调函数。当 Promise 成功执行时，会调用成功回调函数，并将结果作为参数传递给它。当 Promise 执行失败时，会调用失败回调函数，并将错误信息作为参数传递给它。

const promise = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('成功');
  }, 1000);
});

promise.then((result) => {
  console.log(result); // 输出：成功
}, (error) => {
  console.log(error); // 不会输出
});

catch 方法

catch 方法用于处理 Promise 的错误。它接受一个参数，即错误回调函数。当 Promise 执行失败时，会调用错误回调函数，并将错误信息作为参数传递给它。

const promise = new Promise((resolve, reject) => {
  setTimeout(() => {
    reject('失败');
  }, 1000);
});

promise.then((result) => {
  console.log(result); // 不会输出
}, (error) => {
  console.log(error); // 输出：失败
});

finally 方法

finally 方法用于在 Promise 执行完成后，无论成功还是失败，都会执行的代码。它接受一个参数，即最终回调函数。最终回调函数不会接收任何参数。

const promise = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('成功');
  }, 1000);
});

promise.then((result) => {
  console.log(result); // 输出：成功
}, (error) => {
  console.log(error); // 不会输出
}).finally(() => {
  console.log('无论成功还是失败，都会执行'); // 输出：无论成功还是失败，都会执行
});