JavaScript Promises 教程

JavaScript Promises 是一种用于异步编程的强大工具，可以帮助我们更简洁地处理异步操作。本教程将为您介绍 JavaScript Promises 的基础知识，包括它们的创建、使用以及与回调函数的比较。

什么是 Promises？

Promises 是一个对象，它代表了异步操作的最终完成（或失败）。它有三种状态：

pending：初始状态，既不是成功，也不是失败。
fulfilled：操作成功完成。
rejected：操作失败。

创建 Promise

创建一个 Promise 非常简单，使用 new Promise() 构造函数：

let promise = new Promise((resolve, reject) => {
  // 异步操作
  if (/* 操作成功 */) {
    resolve('成功');
  } else {
    reject('失败');
  }
});

使用 Promise

使用 Promise 可以让我们以更简洁的方式处理异步操作：

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

与回调函数的比较

传统的回调函数在处理异步操作时，代码可能会变得复杂且难以维护。而使用 Promises，我们可以将异步操作封装在一个单独的函数中，从而简化代码：

// 回调函数
function fetchData(callback) {
  // 异步操作
  if (/* 操作成功 */) {
    callback(null, '数据');
  } else {
    callback('错误', null);
  }
}

fetchData((error, data) => {
  if (error) {
    console.log(error);
  } else {
    console.log(data);
  }
});

// Promise
function fetchData() {
  return new Promise((resolve, reject) => {
    // 异步操作
    if (/* 操作成功 */) {
      resolve('数据');
    } else {
      reject('错误');
    }
  });
}

fetchData().then((data) => {
  console.log(data);
}).catch((error) => {
  console.log(error);
});

扩展阅读

如果您想了解更多关于 JavaScript Promises 的知识，请访问本站的其他相关教程：/JavaScript Promises 高级教程。

图片