es6中的promise讲解（2）

promise的串联

当后续的promise需要用到之前的promise处理结果时，需要promise的串联。

promise对象中，无论是then还是catch，它们都有一个返回值，返回的是一个全新的promise对象，它满足下面的规则。

1. 如果当前promise是未决的，那么返回的是挂起状态。
2. 如果当前的promise是已决的，那么会影响后续处理函数，并将后续处理的结果作为resolved状态数据，应用到新的promise中，如果后续处理出现错误，会把返回值作为rejected状态的数据，应用到新的promise中。

后续的Promise一定会等到前面的Promise有了后续处理结果后，才会变成已决状态
如果前面的Promise的后续处理，返回的是一个Promise，则返回的新的Promise状态和后续处理返回的Promise状态保持一致。

例子

1.后续处理

const pro1 = new Promise((resolve, reject) => {
            throw 1;//reject
        })
        const pro2 = pro1.then(result => {
            return result * 2
        }, err => {
            return err * 3;//3
        });
        pro1.catch(err => {
            return err * 2;//6
        })
        pro2.then(result => console.log(result * 2), err => console.log(err * 3))

2.后续状态

const pro1 = new Promise((resolve, reject) => {
            resolve(1);
        })

        const pro2 = new Promise((resolve, reject) => {
            setTimeout(() => {
                resolve(2);
            }, 3000);
        })

        pro1.then(result => {
            console.log("结果出来了，得到的是一个Promise");
            // 返回pro2后才会执行下面的then，现在是挂起状态pedding
            console.log(pro2);
            return pro2;
        }).then(result => {
            console.log(result)
        }).then(result => {
            console.log(result)
        })

一开始的状态是pending

3秒钟后，返回了pro2然后状态变为resolved

3.多个后续处理

/*小明心中有三个女神
有一天，小明决定向第一个女神表白，如果女神拒绝，
则向第二个女神表白，直到所有的女神都拒绝，或有一个女神同意为止
*/
function biaobai(god) {
            return new Promise(resolve => {
                console.log(`小明向${god}发出了表白短信`);
                setTimeout(() => {
                    if (Math.random() < 0.3) {
                        //女神同意了
                        resolve(true)
                    } else {
                        //resolve
                        resolve(false);
                    }
                }, 500);
            })
        }

讲解1
讲解3