一、什么是Promise
二、为什么会出现Promise
在我们处理很多异步请求时，会出现这样的代码：
async1(function(){
async2(function(){
async3(function(
async4(funciton(){
async5(function(){
//...
});
});
));
});
});
看到上面的代码，真的很恶心。这就是臭名昭著的回调地狱，他会让代码臃肿，难以维护。于是乎，在ES2015的标准里，Promise的出现解决了这个问题。
三、Promise的用法
Promise是一个构造函数，自己身上有all、reject、resolve这几个眼熟的方法，原型上有then、catch等同样很眼熟的方法。
3.1、创建Promise
let p=new Promise((resolve,reject)=>{
var flag=Math.random()
setTimeout(()=>{
console.log(flag)
if(flag>0.5){
console.log("执行完成");
resolve("成功");
}else{
console.log("执行完成");
reject("失败");
}
},2000);
})
p.then((resule)=>{
console.log(resule);
}).catch((err)=>{
console.log(err)
})
解释下上面的代码：
1.Promise是一个构造函数，所以我们使用了new操作符来创建promise。
2.构造函数Promise的参数是一个函数（暂时叫它func），这个函数（func）有两个参数resolve和reject
resolve：将promise的状态从pending（等待）转换为resolved（已解决），异步操作执行成功后的回调函数。
reject：将promise的状态pending（等待）转换为rejected（已失败）异步操作执行失败后的回调函数。
3.创建后的promise有一些方法，then和catch。当然我们也可以人为的在Promise函数上添加一些满足我们自己需求的方法，方便每一个promise对象使用。
3.2、then 链式操作的用法
从上面的介绍可以看出来Promise的精髓是“状态”，用维护状态、传递状态的方式来使得回调函数能够及时调用，它比传递callback函数要简单、灵活的多。
then方法是将上一步返回的结果获取过来（不管是resolved还是rejected）
p.then((resule)=>{
console.log(resule);
},(err)=>{
console.log(err)
})
then方法可以接受两个函数作为参数，第一个函数是用来处理resolve的结果，第二个是可选的，用来处理reject的结果。
当然我们还可以在每一个then方法中创建新的Promise，然后将这个Promise对象返回。每一个then方法中都可以再次新创建一个Promise对象，然后返还给下一个then方法处理，这样就可以使用then方法来进行链式的调用。
3.3、catch
catch方法可以捕获Promise对象在使用catch之前的异常。
p.then((resule)=>{
console.log(resule);
}).catch((err)=>{
console.log(err)
})
其实catch是then的一个特例，相当于：
.then(null, rejection)
3.4、all
Promise.all方法用来包装许多个Promise实例，然后组成了一个新的Promise对象，新的Promise对象的状态由前面几个被包裹的Promise对象的状态决定，如果前面的Promise都被resolve了，那么新的Promise的状态也是resolve的；只要有一个Promise被reject了，那么组成的新的Promise的状态也是reject的。
let p1=new Promise(function(resolve,reject){console.log("p1");resolve("成功1");});
let p2=new Promise(function(resolve,reject){console.log("p2");resolve("成功1");});
let p3=new Promise(function(resolve,reject){console.log("p3");resolve("成功2");});
let pall=Promise.all([p1,p2,p3]);
pall.then(function(){
// 三个都成功则成功
console.log("全部成功");
},function(){
// 只要有失败，则失败
console.log("失败");
})
3.5、race
只要包裹的的Promise对象中有一个的状态发生了改变，那么组成的这个新的Promise对象的状态就是上面那个率先改变的Promise实例的状态。简单的说：谁跑的快，以谁为准执行回调。
let arr = [1, 2, 3].map(
(value) => {
return new Promise((resolve, reject) => {
setTimeout(() => {
resolve(value);
}, value * 1000);
});
}
)
console.log(arr)
let prace = Promise.race(arr)
.then((result) => {
console.log(result);
}).catch((err) => {
console.log(err);
});
3.6、resolve
Promise.resolve方法主要是将一个值转变为一个Promise对象，然后使它具有Promise的一些方法和特性，为了满足我们一些特殊情况下的要求。
// Promise.resolve
let resolve1=[null,0,"hello",{then:function(){console.log("resolve1")}}];
resolve1.map((value)=>{
return Promise.resolve(value);
});
console.log(resolve1)
//[ null, 0, 'hello', { then: [Function: then] } ]
//resolve1
3.7、reject
Promise.reject方法和Promise.resolve方法一样，只不过通过Promise.reject方法产生的Promise对象的状态是rejected的。
let p = Promise.reject('fail');
p.catch((err) => {
console.log(err);
}); // fail
