ES6 Promise对象概念及用法实例详解

什么是Promise对象？

Promise是ES6新增的一种异步编程解决方案。它将异步操作封装成一个对象，可以更直观、更优雅地表达异步操作。Promise对象的最大特点是它具备状态，分别为：

• Pending（进行中）
• Fulfilled（已成功）
• Rejected（已失败）

即一旦Promise对象的状态发生改变，就不会再次改变，状态改变后会触发对应的回调函数。

Promise对象的基本用法

创建Promise对象

通过new Promise()可以创建一个Promise对象，它的构造函数接受一个函数作为参数，这个函数被称为“生产者”，参数为resolve和reject：

let promise = new Promise(function(resolve, reject) {
  // 异步操作
  let result = ...;

  // 如果异步操作成功，则调用 resolve 方法并传入结果参数
  resolve(result);

  // 如果异步操作失败，则调用 reject 方法并传入错误参数
  reject(error);
});

resolve和reject是两个函数，resolve函数在异步操作成功时调用，reject函数在异步操作失败时调用。

调用Promise对象

创建Promise对象后，可以通过promise.then(onFulfilled, onRejected)方法来指定成功和失败的回调函数：

promise.then(function(result) {
  console.log(result);
}, function(error) {
  console.log(error);
});

then方法接受两个函数作为参数，分别对应Promise对象的成功和失败状态。如果Promise对象状态为成功，则调用onFulfilled函数；如果状态为失败，则调用onRejected函数。

Promise对象的用法实例

Promise对象的链式调用

Promise对象的链式调用非常方便，可以有效解决回调地狱的问题。下面的示例代码展示了如何使用Promise对象链式调用多个操作：

fetch(url) // 发送请求
  .then(response => response.json()) // 解析响应数据
  .then(data => {
    // 处理数据
    console.log(data);
  })
  .catch(error => {
    // 处理错误
    console.error(error);
  });

在这个示例代码中，首先使用fetch()方法向服务器发送请求。然后，在第一个then()方法中解析响应数据。在第二个then()方法中处理解析后的数据。最后，在catch()方法中处理可能出现的错误。

异步操作的并行执行

当需要同时执行多个异步操作时，可以使用Promise.all()方法。这个方法将多个Promise对象包装成一个新的Promise实例，并等待所有异步操作执行完毕，最终返回全部异步操作结果的一个数组：

Promise.all([
  fetchData(url1),
  fetchData(url2),
  fetchData(url3)
]).then(results => {
  console.log(results);
}).catch(error => {
  console.error(error);
});

在这个示例代码中，使用Promise.all()方法并行执行三个异步操作，并将结果存储在results数组中。如果有任何一个异步操作失败，就会触发catch()方法。