趣谈ES6：promise的神奇之处？

趣谈ES6：promise的神奇之处？

众所周知，在js的世界中，所有的代码都是同步执行的，而在js在进行网络操作，浏览器实践，任务队列时，就导致很多代码必须要进行回调，出现回调地狱。

AJAX就是典型的异步操作。

Promise则是异步编程的一种解决方案，它有两个特点：1、对象的状态不受外界影响，2、状态改变是不可逆不可改变。

Promise一共有三种状态，分别为：Pending（进行中），Resolved（已完成），Reject（已失败），初始状态为pending，如果成功则resolved，如果失败测reject。

基本用法

let promise = new Promise((resolve,reject) =>{resolve()}).then(res=>{console.log(res)})

Promise构造函数接收一共函数作为参数，该函数有两个参数分别为resolve和reject，调用resolve则会代表成功，调用reject则会代表失败。

then方法

function greet(){
    let promise = new Promise ((resolve,reject)=>{
        let data = 'hello world'
        resolve(data)
})
	return promise
}
greet().then(res=>{console.log(res)})

then方法是处理resolve和reject的回调，分别有两个参数，参数分别是(resolve)=>{},(reject)=>{}。then方法的返回值也是一个promise，因此可以不断的进行链式调用then方法。

all方法

Promise的all方法提供了并行执行异步操作的能力，它可以将promise数组作为参数，只有当时所有promise都成功后，才会获取到成功结果，否则会报错。

function p1(){
    var promise1 = new Promise(function(resolve,reject){
        console.log("p1的第一条输出语句");
        resolve("p1完成");
    })
    return promise1;
}
function p2(){
    var promise2 = new Promise(function(resolve,reject){
        console.log("p2的第一条输出语句");
         resolve("p2完成");
    })
    return promise2;
}
function p3(){
    var promise3 = new Promise(function(resolve,reject){
        console.log("p3的第一条输出语句");
        resolve("p3完成")
    });
    return  promise3;
}

Promise.all([p1(),p2(),p3()]).then(function(data){
    console.log(data);
})	

打印结果：
    p1的第一条输出语句
    p2的第一条输出语句
    p3的第一条输出语句
    ['p1完成','p2完成','p3完成']

race方法

在all中的回调函数中，等到所有的Promise都执行完，再来执行回调函数，race则不同它等到第一个Promise改变状态就开始执行回调函数。

function p1(){
    var promise1 = new Promise(function(resolve,reject){
        resolve("p1完成");
    })
    return promise1;
}
function p2(){
    var promise2 = new Promise(function(resolve,reject){
         reject("p2失败");
    })
    return promise2;
}

Promise.race([p1(),p2(),p3()]).then(function(data){
    console.log(data);
})	
打印结果：
    p1完成