WEB前端：ES6（6）：Promise 对象

   // new Promise时候 函数参数立即执行 relsove-成功 reject-失败
    /*
                三种状态 
                     pending(正在进行) —— Rejected(失败态)
                        |
                     fulfilled(成功态)    
                          
        */

<script>
    let p = new Promise(function(relsove, reject) {
        console.log(123);
        // 异步任务
        setTimeout(() => {
            // reject();
            relsove();
        }, 1000);
    });


    p.then(function(data) {
        // 成功回调
        console.log("success", data);
    }).catch(function() {
        console.log("fail");
    }).finally(function() {
        console.log("over");
    });
</script>

Promise.all()
Promise.all()方法用于将多个 Promise 实例，包装成一个新的 Promise 实例。

    let p = new Promise(function(relsove, reject) {
        console.log('p');
        // 异步任务
        setTimeout(() => {
            // reject();
            relsove();
        }, 1000);
    });

    let p2 = new Promise(function(resolve, reject) {
        // 异步任务
        setTimeout(() => {
            console.log("p2");
            resolve(786);
        }, 2000);
    });

    Promise.all([p, p2]).then(function() {
        console.log(123);
    }, function() {
        console.log(456);
    });

Promise.race()方法同样是将多个 Promise 实例，包装成一个新的 Promise 实例。

const p = Promise.race([p1, p2, p3]);
上面代码中，只要p1、p2、p3之中有一个实例率先改变状态，p的状态就跟着改变。
那个率先改变的 Promise 实例的返回值，就传递给p的回调函数。

---