Promise极简入门

Promise的含义

Promise简单来说就是一个容器，容器中保存着某个未来才会结束的事件的结果，这个事件通常是一个异步操作。

从语法上讲，Promise是一个对象，从它可以获取异步操作的信息。

Promise对象的两大特点

1. 对象的状态不受外界影响。Promise对象代表一个异步操作，有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。只有异步操作的结果，可以决定当前是哪一种状态，其他操作都无法改变这个状态。
2. 一旦状态改变，就不会再变，任何时候都可以得到这个结果。也就是说，Promise中的异步操作执行完成后，其状态和结果都不会再发生改变，这时就称为resolved（已定型）。

对Promise的理解

Promise的英文翻译为“承诺”，可以这样理解Promise对象：我们创建Promise对象时，Promise对象就给我们一个承诺，承诺它会完成我们在Promise中写好的异步操作，并且在得到结果后永远不会再发生改变。我们只需要使用Promise提供的接口，获取异步操作的信息即可。

Promise的缺点

1. Promise对象一经创建立即执行，无法中途取消。
2. 如果不设置回调函数，Promise内部抛出的错误将无法反应在外部。
3. 当处于pending状态时，无法得知目前进展到哪一个阶段。

基本用法

ES6规定，Promise对象是一个构造函数，用来生成Promise实例。

Promise构造函数接受一个函数作为参数，该函数的两个参数分别是resolve和reject。它们是两个函数，由JavaScript引擎提供，不需要自己部署。

下面是一个示例：

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

  if (/* 异步操作成功 */){
    resolve(value);
  } else {
    reject(error);
  }
});

resolve函数的作用是，将Promise的状态从“未完成”变为“成功”，在异步操作成功时调用，并将异步操作的结果作为参数传递出去。

reject函数的作用时，将Promise对象的状态从“未完成”变为“失败”，在异步操作失败时调用，并将异步操作报出的错误作为参数传递出去。

Promise实例生成后，我们需要用then方法分别指定resolved状态和rejected状态的回调函数。

then方法接受两个回调函数作为参数。第一个回调函数时Promise对象的状态为resolved时调用，第二个回调函数是Promise对象的状态变为rejected时调用。其中第二个函数是可选的，不一定必须要写。then方法参数中的两个函数都接受Promise对象传出来的值作为参数。示例如下：

promise.then(function(value) {
  // success
}, function(error) {
  // failure
});

这样我们就清楚了Promise的执行过程，我们创建了Promise对象后，Promise对象中的函数被立刻执行，之后，我们调用Promise对象的then方法，设置Promise对象执行成功和执行失败后的回调函数。当当前脚本中的所有任务都执行完毕后，Promise会根据自己的结果执行回调函数。

如下所示：

let promise = new Promise(function(resolve, reject) {
  console.log('Promise');
  resolve();
});

promise.then(function() {
  console.log('resolved.');
});

console.log('Hi!');


//打印结果：
// Promise
// Hi!
// resolved

promise对象创建后会立刻执行，所以先打印Promise。这之后会先执行脚本中的其他代码，所以第二个打印的是“Hi!”。最后当Promise对象执行完状态发生转变后，执行then方法中定义的回调函数，所以打印resolved.