JS-promise

Promise一个es6中新增的JavaScript的内置类。
它是一种用于解决异步问题的思路、方案，简单说是个容器，里面存的是某个未来会结束的结果。是一个对象，可以获取异步操作的消息。
在js里面，经常用异步的是ajax，比如sucess：一个回调，error一个回调。但是如果一次请求需要多个接口的时候就产生了回调地狱，promise可以解决回调地狱这个问题，它可以用then来处理，它可以在一个then里面再写一个promise对象。promise用then来返回成功的结果，catch来返回失败的结果。

		var flag = false;
        let promise = new Promise((resolve, reject) => {
            if (flag) {
                resolve(true);
            } else {
                reject(false);
            }
        });
        promise.then(v => {
            console.log(`成功了,v= ${v}`);

        }).catch(v => {
            console.log(`失败了,v=${v}`);

        })

现在我们来看一下promise的三个状态：
有三种状态，pending resolved rejected 。
（正常写这段代码会报错，说我们没有捕获这个错误，为了展示一下三种状态，所以我们忽略这个错误）,这里需要注意一旦状态变了就不能修改了。

 		var promise1 = new Promise((resolve, reject) => {})
        console.log(promise1);
        var promise2 = new Promise((resolve, reject) => {
            resolve();
        })
        console.log(promise2);
        var promise3 = new Promise((resolve, reject) => {
            reject()
        })
        console.log(promise3);

现在来看一下promise的两种方法：
promise.all
all接受一个promise实例数组，多任务并行，输出失败的那个，如果成功，返回所有的执行结果。

		var promise1 = new Promise((resolve, reject) => {
            setTimeout(() => {
                console.log(1);
                resolve(1);
            }, 1000);
        });
        var promise2 = new Promise((resolve, reject) => {
            setTimeout(() => {
                console.log(2);
                resolve(2);

            }, 2000);
        });
        var promise3 = new Promise((resolve, reject) => {
            setTimeout(() => {
                console.log(3);
                resolve(3);
            }, 3000)
        });
        Promise.all([promise1, promise2, promise3]).then(data => {
            console.log(`success = ${data}`)
        }).catch(data => {
            console.log(`err = ${data}`);

        })

promise.race 多任务执行，返回最先执行结束的任务结果。

var promise1 = new Promise((resolve, reject) => {
            setTimeout(() => {
                console.log(1);
                resolve(1);
            }, 1000);
        });
        var promise2 = new Promise((resolve, reject) => {
            setTimeout(() => {
                console.log(2);
                resolve(2);

            }, 2000);
        });
        var promise3 = new Promise((resolve, reject) => {
            setTimeout(() => {
                console.log(3);
                resolve(3);
            }, 3000)
        });
        Promise.race([promise1, promise2, promise3]).then(data => {
            console.log(`success = ${data}`)
        }).catch(data => {
            console.log(`err = ${data}`);

        })