揭秘Promise的妙用：resolve和reject的奥妙

2023-11-28 16:17:48

Promise的resolve和reject函数

在JavaScript中，Promise是一种用于处理异步操作的强大工具。它可以帮助我们以更优雅和可控的方式处理异步操作的结果，避免回调地狱。Promise有两个重要的函数：resolve和reject。这两个函数的作用是通知Promise对象异步操作的结果。

resolve函数

resolve函数用于通知Promise对象异步操作成功完成。当resolve函数被调用时，Promise对象的状态将从pending变为resolved，并且resolve函数的参数将作为Promise对象的结果。

const promise = new Promise((resolve, reject) => {
  // 执行异步操作
  setTimeout(() => {
    resolve("异步操作成功");
  }, 2000);
});

promise.then((result) => {
  // 处理异步操作成功的结果
  console.log(result); // "异步操作成功"
});

reject函数

reject函数用于通知Promise对象异步操作失败。当reject函数被调用时，Promise对象的状态将从pending变为rejected，并且reject函数的参数将作为Promise对象的原因。

const promise = new Promise((resolve, reject) => {
  // 执行异步操作
  setTimeout(() => {
    reject("异步操作失败");
  }, 2000);
});

promise.catch((error) => {
  // 处理异步操作失败的原因
  console.log(error); // "异步操作失败"
});

resolve和reject函数的参数

resolve和reject函数都可以带一个参数，这个参数可以是任何类型的值。如果resolve函数或reject函数没有带参数，那么Promise对象的结果或原因将是undefined。

// 不带参数的resolve函数
const promise1 = new Promise((resolve, reject) => {
  // 执行异步操作
  setTimeout(() => {
    resolve();
  }, 2000);
});

promise1.then((result) => {
  // 处理异步操作成功的结果
  console.log(result); // undefined
});

// 带参数的resolve函数
const promise2 = new Promise((resolve, reject) => {
  // 执行异步操作
  setTimeout(() => {
    resolve("异步操作成功");
  }, 2000);
});

promise2.then((result) => {
  // 处理异步操作成功的结果
  console.log(result); // "异步操作成功"
});

// 不带参数的reject函数
const promise3 = new Promise((resolve, reject) => {
  // 执行异步操作
  setTimeout(() => {
    reject();
  }, 2000);
});

promise3.catch((error) => {
  // 处理异步操作失败的原因
  console.log(error); // undefined
});

// 带参数的reject函数
const promise4 = new Promise((resolve, reject) => {
  // 执行异步操作
  setTimeout(() => {
    reject("异步操作失败");
  }, 2000);
});

promise4.catch((error) => {
  // 处理异步操作失败的原因
  console.log(error); // "异步操作失败"
});

注意事项

在使用resolve和reject函数时，需要注意以下几点：

resolve函数和reject函数只能被调用一次。如果多次调用resolve函数或reject函数，只有第一次调用的结果或原因会被Promise对象接受。
resolve函数和reject函数不能被同时调用。如果同时调用resolve函数和reject函数，Promise对象的状态将变为rejected，并且reject函数的参数将作为Promise对象的原因。
resolve函数和reject函数可以被嵌套调用。也就是说，在resolve函数或reject函数中可以调用另一个Promise对象。