JavaScript Promise详解

JavaScript中的Promise对象是一个用于异步编程的重要特性。它允许开发者以更加简洁和可控的方式来处理异步操作。

Promise基本概念

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

• pending（进行中）：初始状态，既不是成功，也不是失败状态。
• fulfilled（已成功）：意味着异步操作成功完成。
• rejected（已失败）：意味着异步操作失败。

创建Promise

创建一个Promise对象通常使用new Promise()构造函数。以下是创建Promise的一个简单例子：

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

使用Promise

使用Promise，我们可以通过.then()和.catch()方法来处理异步操作的结果：

promise.then(value => {
  // 处理成功的结果
}).catch(error => {
  // 处理失败的结果
});

图片示例

下面是一个使用Promise进行异步图片加载的例子：

let imgPromise = new Promise((resolve, reject) => {
  let img = new Image();
  img.onload = () => resolve(img);
  img.onerror = () => reject(new Error('图片加载失败'));
  img.src = 'https://example.com/image.jpg';
});

imgPromise.then(img => {
  document.body.appendChild(img);
}).catch(error => {
  console.error(error);
});

扩展阅读

更多关于Promise的详细信息和高级用法，请参考本站Promise教程。

[center]https://cloud-image.ullrai.com/q/promise/[/center]

[center]https://cloud-image.ullrai.com/q/javascript/[/center]