js中promise的用法

promise 是 javascript 中用于异步操作的对象。它提供了一种统一的方式来处理异步操作，简化了代码，并提供错误处理机制。使用 promise 涉及创建 promise、处理它（使用 then() 和 catch() 方法）、链接和组合它们，以处理异步操作。

Promise 在 JavaScript 中的用法

什么是 Promise？
Promise 是 JavaScript 中用于异步操作的一种对象。它表示一个未来可能解决（通过调用 resolve()）或拒绝（通过调用 reject()）的异步操作的结果。

为何使用 Promise？
Promise 提供了处理异步操作的统一方式，使代码更易于编写和理解：

• 避免了回调函数的嵌套，使代码更具可读性。
• 允许轻松地链接和组合多个异步操作。
• 提供错误处理机制，确保异步操作异常不会意外终止应用程序。

如何使用 Promise？

创建一个 Promise：

const promise = new Promise((resolve, reject) => {...});

使用 then() 方法处理 Promise：

promise.then(
  (result) => {
    // 当 Promise 解决时调用
  },
  (error) => {
    // 当 Promise 拒绝时调用
  }
);

使用 catch() 方法仅处理拒绝：

promise.catch((error) => {
  // 当 Promise 拒绝时调用
});

链接和组合 Promise：

Promise 可以通过 then() 的返回值进行链接：

promise1.then((result1) => {
  return promise2.then((result2) => {
    return { result1, result2 };
  });
}).then((combinedResult) => {
  // 两个 Promise 都已解决
});

处理异步操作的示例：

获取用户数据：

const getUserData = () => {
  return new Promise((resolve, reject) => {
    // 模拟异步调用
    setTimeout(() => {
      if (Math.random() > 0.5) {
        resolve({ name: "John Doe" });
      } else {
        reject(new Error("Could not fetch user data"));
      }
    }, 1000);
  });
};

使用 Promise 获取数据并将其显示到控制台：

getUserData()
  .then((userData) => {
    console.log(`User name: ${userData.name}`);
  })
  .catch((error) => {
    console.log(`Error: ${error.message}`);
  });