ES6解析promise

---

Promise是什么

Promise 是异步编程的一种解决方案： 从语法上讲，promise是一个对象，从它可以获取异步操作的消息；从本意上讲，它是承诺，承诺它过一段时间会给你一个结果。 promise有三种状态：pending(等待态)，fulfiled(成功态)，rejected(失败态)；状态一旦改变，就不会再变。创造promise实例后，它会立即执行。

---

一、作用

主要用于异步计算，可以将异步操作队列化，按照期望顺序执行，返回符合预期的结果

可以用来解决

• 回调（回调函数指的是：被调用者回头调用调用者的函数，这种由调用方自己提供的函数叫回调函数。）地狱（某个异步操作需要等到之前其他异步操作完成，无论是回调是事件还是函数，都会陷入不断的嵌套）问题
• 代码的可读性问题
• 信任问题

二、基本使用

1.promise的创建

代码如下（示例）：

let p = new Promise((resolve, reject) => {
    //做一些异步操作
    //这里使用一个定时器
    setTimeout(() => {
        console.log('执行完成');
        resolve('我是一个数据');
    }, 2000);
});

Promise的构造函数接收一个参数：函数，并且这个函数需要传入两个参数：
resolve函数：作用是在异步操作成功时调用，并将异步操作的结果，作为参数传递出去；
reject函数：作用是在异步操作失败时调用，并将异步操作报出的错误，作为参数传递出去

2.Promise的状态和语法

代码如下（示例）：
Promise有三个状态

1. Pending：异步的事情正在执行；
2. Fulfilled：异步的事情成功了；
3. Rejected：异步的事情失败了。

let p = new Promise(function(resolve,reject){
	// 此处做一个异步的事情
})
p.then(function(){ })
p.catch(function(){ })

Promise实例生成以后，可以用then方法分别指定resolved状态和rejected状态的回调函数。
reject后的东西，一定会进入then中的第二个回调，如果then中没有写第二个回调，则进入catch方法。
then方法可以接受两个回调函数作为参数。第一个回调函数是Promise对象的状态变为resolved时调用，第二个回调函数是Promise对象的状态变为rejected时调用。其中，第二个函数是可选的，不一定要提供。这两个函数都接受Promise对象传出的值作为参数。

then可以进行链式调用

//返回一个新的Promise实例，可以使用链式写法
p.then((item) =>{
	console.log(item)
}).then((item) =>{
	console.log(item)
}).then((item) =>{
	console.log(item)
});

then用于维护状态、传递状态的方式来使得回调函数能够及时调用，它比传递callback函数要简单、灵活的多

catch方法

//用于指定发生错误时的回调函数
p.then((data) => {
    console.log('resolved',data);
}).catch((err) => {
    console.log('rejected',err);
});

效果和写在then的第二个参数里面一样。不过它还有另外一个作用：在执行resolve的回调（也就是上面then中的第一个参数）时，如果抛出异常了（代码出错了），那么并不会报错卡死js，而是会进到这个catch方法中。

Finally方法

//用于指定不管Promise对象最后状态如何，都会执行的操作，一般用于强制关闭
let promise = new Promise((resolve, reject) => {
            console.log('promise');
            setTimeout(() => {
                if (false) {
                    resolve('abc')
                } else {
                    reject('error')
                }
            }, 1000);
        }).then(() => {
            console.log('123');
        }).catch(() => {
            console.log('456');
        }).finally(() => {
            console.log('一定输出');
        })

不管promise最后的状态是在执行完then还是catch指定的回调函数以后，都会执行finally方法指定的回调函数

reject的用法

 let p = new Promise((resolve, reject) => {
        //做一些异步操作
      setTimeout(function(){
            var num = Math.floor(Math.random()*10); 
            if(num<=5){
                resolve(num);
            }
            else{
                reject('数字太大了');
            }
      }, 2000);
    });
    p.then((data) => {
            console.log('resolved',data);
        },(err) => {
            console.log('rejected',err);
        }
    ); 

then中传了两个参数，then方法可以接受两个参数，第一个对应resolve的回调，第二个对应reject的回调。所以我们能够分别拿到他们传过来的数据。
通过resolve函数返回成功的数据
通过reject函数返回失败的错误信息

all的用法

//promise用于处理多个异步，比如一个页面需要等多个ajax的数据回来后才正常显示，在此之前只显示londing图标
let promise = new Promise((resolve, reject) => {
            resolve('成功')
        })
        let promise1 = new Promise((resolve, reject) => {
            resolve('successs')
        })
        let promise3 = Promise.reject('失败')

        Promise.all([promise1, promise2]).then((result) => {
                console.log(result);
            }).catch((error) => {
                console.log(error);
            }) //成功 、‘cuccess’

        Promise.all([promise1, promise2, promise3]).then((result) => {
                console.log(result);
            }).catch((error) => {
                console.log(error);
            }) //失败、’失败‘

all方法可以将多个Promise实例包装成一个新的Promise实例。同时成功和失败的返回值是不同的，成功时返回的是一个数组，而失败的时候返回的是最先被reject失败态的的值