ES6学习11（Promise）

Promise是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。
Promise对象有以下两个特点：

1. 对象的状态不受外界影响。Promise对象代表一个异步操作，有三种状态：Pending（进行中）、Resolved（已完成，又称Fulfilled）和Rejected（已失败）。只有异步操作的结果可以决定当前是哪一种状态，任何其他操作都无法改变这个状态。
2. 一旦状态改变，就不会再变，任何时候都可以得到这个结果。Promise对象的状态改变，只有两种可能：从Pending变为Resolved和从Pending变为Rejected。只要这两种情况发生，状态就凝固了，不会再变了，会一直保持这个结果。就算改变已经发生了，你再对Promise对象添加回调函数，也会立即得到这个结果。这与事件（Event）完全不同，事件的特点是，如果你错过了它，再去监听，是得不到结果的。

有了Promise对象，就可以将异步操作以同步操作的流程表达出来，避免了层层嵌套的回调函数。此外，Promise对象提供统一的接口，使得控制异步操作更加容易。
Promise也有一些缺点。首先，无法取消Promise，一旦新建它就会立即执行，无法中途取消。其次，如果不设置回调函数，Promise内部抛出的错误，不会反应到外部。第三，当处于Pending状态时，无法得知目前进展到哪一个阶段（刚刚开始还是即将完成）。

基本用法

使用一个构造函数来生成Promise实例，这里传进去的function立刻执行，甚至在Promise对象生成前就执行了：

var promise = new Promise(function(resolve, reject) {
   
  someAsyncOperate(function(data,error){
   
    if (!error){
      //异步操作成功时，将结果传到resolve函数中
      //这个函数是JS中已经定义好的，负责将promise的状态由Pending改为Resolved
      //至于具体怎么处理data则会在后面具体配置
      resolve(data);
    } else {
      //负责将promise的状态由Pending改为Rejected
      reject(error);
    }
  });
});

我们来看一下promise完成前和完成后的状态：

var p1 = new Promise(function (resolve, reject) {
  setTimeout(() => resolve("P1 Result"), 1000)
})
console.log(p1);//Promise { <state>: "pending" }
setTimeout(() => console.log(p1), 3000)//Promise { <state>: "fulfilled", <value>: "P1 Result" }

配置具体的处理逻辑：

promise.then(function(value) {
   
  //这个方法就是配置成功时怎么处理数据，value就是你传入resolve的参数
}, function(error) {
   
  //失败时同理
});

有一点要注意，Promise新建后立即执行。然后，then方法指定的回调函数，将在当前脚本所有同步任务执行完才会执行，如果有其他的异步操作，则是谁先完成谁先执行。
我们来看一个例子：

function timeout(ms) {
  return new Promise((resolve, reject) => {
    setTimeout(resolve, ms, 'done!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!');
  });
}
//在这句话执行后200毫秒，异步操作就执行完了
//但是由于当前脚本中还有同步操作未执行
//这个回调函数很久以后才执行
timeout(200).then((value) => {
  console.log(value);
});

//还有异步操作的情况
setTimeout(function(){
  console.log("Other done!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!");
}, 100);
//谁先完成谁先执行

//还有同步操作的情况
var i = 999999;
while (i>0) {
  console.log("hahaha"+i);
  i--;
}
//两个异步会在所有