promise对象详解

Promise释义

所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处理。

Promise对象有三个状态：pending和fulfilled、rejected
状态只能从pending变为fulfilled或rejected两种方式。
Promise对象的状态一旦发生改变，就无法改变，任何时候都可以得到这个状态。
只要状态发生改变后，状态就会凝固，这时候就称为resolved(已定型)

Promise.prototype = {
  then: function(resolve,reject){},
  //catch方法是.then(null,rejection)的别名，用于指定发生错误时的回调函数
  catch: function(error){},
  //all方法用于将多个 Promise 实例，包装成一个新的 Promise 实例
  all: function([p1,...]){},
  // 多个promise实例中只要有一个状态改变，由race创造的promise实例的状态会立即随之改变
  race: function(){},
  resolve: function(){},
  reject: function(){},
  // 不管Promise对象最后状态如何，都会执行的操作。
  finally: function(){},
  // 一组异步操作结束后，不管成功还是失败，再进行下一步操作
  allSettled: function(){},
  // 只要多个Promise实例参数中的一个变成`fulfilled`状态，包装实例就会变成`fulfilled`状态；
  // 如果所有参数实例都变成`rejected`状态，包装实例才会变成`rejected`状态。
  any: function(){}
}

基本用法

创造一个promise实例

const promise = new Promise(function(resolve, reject) {
  // ... some code

  if (/* 异步操作成功 */){
  // resolve函数的作用是，将Promise对象的状态从“未完成”变为“成功”（即从 pending 变为 resolved）
  // 在异步操作成功时调用，并将异步操作的结果，作为参数传递出去
    resolve(value);
  } else {
    // reject函数的作用是，将Promise对象的状态从“未完成”变为“失败”（即从 pending 变为 rejected）
    // 在异步操作失败时调用，并将异步操作报出的错误，作为参数传递出去。
    reject(error);
  }
});

// Promise实例生成以后，可以用then方法分别指定resolved状态和rejected状态的回调函数。
promise.then(function(value) {
  // success
}, function(error) {
  // failure
});

应用

加载图片

const preloadImage = function (path) {
  return new Promise(function (resolve, reject) {
    const image = new Image();
    image.onload  = resolve;
    image.onerror = reject;
    image.src = path;
  });
};

参考：

• MDN-使用Promise
• 阮一峰es6一书中的Promise对象
• 8张图帮你一步步看清 async/await 和 promise 的执行顺序
• 异步Promise及Async/Await可能最完整入门攻略