JavaScript 中 Promise 的概念是什么？-JavaScript中文网-JavaScript教程资源分享门户

本题详细解读

1. Promise 的基本用法

Promise 对象通过 new Promise() 构造函数创建，构造函数接受一个函数作为参数，这个函数被称为执行器（executor）。执行器函数有两个参数：resolve 和 reject，它们都是函数。

resolve(value)：当异步操作成功时调用，并将结果值传递给 then 方法。
reject(reason)：当异步操作失败时调用，并将错误原因传递给 catch 方法。

// www.javascriptcn.com code example
const promise = new Promise((resolve, reject) => {
  // 异步操作
  setTimeout(() => {
    const success = true;
    if (success) {
      resolve('操作成功');
    } else {
      reject('操作失败');
    }
  }, 1000);
});

promise
  .then(result => {
    console.log(result); // 输出: 操作成功
  })
  .catch(error => {
    console.error(error); // 输出: 操作失败
  });

2. Promise 的链式调用

Promise 支持链式调用，即可以在一个 then 方法中返回一个新的 Promise，从而继续处理后续的异步操作。

// www.javascriptcn.com code example
const fetchData = () => {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      resolve('数据获取成功');
    }, 1000);
  });
};

fetchData()
  .then(data => {
    console.log(data); // 输出: 数据获取成功
    return '数据处理完成';
  })
  .then(processedData => {
    console.log(processedData); // 输出: 数据处理完成
  })
  .catch(error => {
    console.error(error);
  });

3. Promise 的静态方法

Promise 提供了一些静态方法，用于处理多个 Promise 对象：

Promise.all(iterable)：当所有 Promise 都成功时返回一个包含所有结果的数组，如果有一个失败，则立即返回失败的原因。
Promise.race(iterable)：返回第一个完成（无论是成功还是失败）的 Promise 的结果。
Promise.resolve(value)：返回一个以给定值解析的 Promise 对象。
Promise.reject(reason)：返回一个以给定原因拒绝的 Promise 对象。

// www.javascriptcn.com code example
const promise1 = Promise.resolve(3);
const promise2 = 42;
const promise3 = new Promise((resolve, reject) => {
  setTimeout(resolve, 100, 'foo');
});

Promise.all([promise1, promise2, promise3]).then(values => {
  console.log(values); // 输出: [3, 42, "foo"]
});

Promise.race([promise1, promise2, promise3]).then(value => {
  console.log(value); // 输出: 3
});

4. Promise 的错误处理

Promise 的错误处理可以通过 catch 方法或 then 方法的第二个参数来实现。catch 方法会捕获链式调用中任何一步的错误。

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

promise
  .then(result => {
    console.log(result);
  })
  .catch(error => {
    console.error(error); // 输出: 发生错误
  });

5. Promise 的 finally 方法

finally 方法无论 Promise 是成功还是失败，都会执行。它通常用于清理操作。

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

promise
  .then(result => {
    console.log(result); // 输出: 操作成功
  })
  .catch(error => {
    console.error(error);
  })
  .finally(() => {
    console.log('操作完成'); // 输出: 操作完成
  });

通过以上内容，我们可以清晰地理解 Promise 的概念及其在 JavaScript 中的应用。

JavaScript 中 Promise 的概念是什么？

推荐答案