对Promise的认识

Promise是什么？         

Promise是异步编程的一种解决方案，它比传统的异步回调和事件更加合理也更加优雅，从语法上讲，Promise是一个对象，使用它可以获取异步操作的消息，Promise有三种状态：pending等待态，fulfiled成功态，rejected失败态；

Promise的作用？

1，解决地狱回调问题；2，支持多个并发请求，获取并发请求的数据；3，可以解决异步的问题，但本身不能说Promise是异步的；

Promise是一个构造函数，自己身上有all,resolve,reject这几个方法，原型上有then,catch方法，Promise的构造函数接受一个参数，是函数，并且传入两个参数，resolve, reject 分别表示异步操作成功后的回调函数，异步操作失败后的回调函数；

 说了这么多，先new一个Promise对象

var pro = new Promise(function(resolve,reject){
    // 做一些异步操作
    setTimeout(function(){
        console.log("执行完成，over!");
        resolve("我是成功之后的文字");
    },2000)
})

上面的代码执行后，2秒后，输出  “执行完成，over!”   ,并且调用resolve方法；但是，你要注意的是，只是new了一个对象，并没有调用它，里面的异步操作函数setTimeout就在2秒后执行了，这是一个需要注意的点，所以我们在使用Promise的时候一般是包裹在一个函数中，在需要的时候去调用这个函数；例如一下代码例子：

function runAsync(){
    var p = new Promise(function(resolve, reject){
        //做一些异步操作
        setTimeout(function(){
            console.log('执行完成');
            resolve('随便什么数据');
        }, 2000);
    });
    return p;            
}
runAsync()

这样在我们包裹的函数最后，会return一个Promise对象，也就是说，执行 runAsync() 后，我们会得到一个Promise对象，因为Promise对象上有then, catch方法，下面就可以用到这两个方法了

 function run() {
        var pro = new Promise(function (resolve, reject) {
            // 做一些异步操作
            var num = 1;
            if (num > 1) {
                setTimeout(function () {
                    resolve("我是成功之后的文字");
                }, 2000)
            } else {
                setTimeout(function () {
                    reject("我是失败之后的文字");
                }, 2000)
            }
        })
        return pro;
    }
    run().then(function (res) {
        console.log(res)
    }).catch(function (res) {
        console.log(res)
    })

定义了num=1，所以执行了else里面的方法，执行了reject方法，并把字符串参数  “我是失败之后的文字”   传递到catch方法里面，该方法里面的参数函数的形参中会接收传递过去的字符串参数，执行后，在控制台打印：，如果是num大于1的话会执行 if 里面的代码，并把字符串参数 “我是成功之后的文字”  传递到 then 方法里面的参数函数的形参中，执行后，在控制台打印；       下面是常规的回调函数，对比一下，

function runAsync(callback){
    setTimeout(function(){
        console.log('执行完成');
        callback('随便什么数据都可以的哦');
    }, 2000);
}
runAsync(function(data){
    console.log(data);
});

then 里面的函异步数，能够在runAsync这个函数执行完毕后被执行，这就是Promise的作用；简单来说，就是把原来的回调分离出来，在异步操作执行完毕后，用链式操作的方式执行回调函数；以上操作只有一层回调，并没有看出什么差别，但是有多层回调的时候就不一样了；Promise的优势在于可以在then方法中继续写Promise对象并返回，然后继续用then进行回调操作；

  function run2() {
        var pro2 = new Promise(function (resolve, reject) {
            var num2 = 5;
            if (num2 > 2) {
                resolve("大于2")
            } else {
                reject("小于2")
            }
        })
        return pro2;
    }
    run().then(function (res) {
        console.log(res)
        return run2()
    }).then(function (res2) {
        console.log(res2)
    }).catch(function (res3) {
        console.log(res3)
    })

all方法的用法：

Promise的all方法提供了并行执行异步操作的能力，并且在所有异步操作执行完后才执行回调，看下面的例子：

Promise.all([run(), run2()])
.then(function(results){
    console.log(results);
});

用Promise.all()方法来执行，all接收一个数组参数，里面的最终都返回Promise对象，这样三个异步操作是并行执行的，等他们都执行完后才进入then里面，，all会把所有的异步操作的结果放进一个数组中，传给then, 在then的参数函数的形参results就可以获取结果，results是一个数组；输出结果是这样的：；；；；有了all ,你就可以并行执行多个异步操作，并且在一个回调中处理所有的返回的数据，很方便，有一个场景很适合用这个，一些游戏类的素材用的比较多的应用，打开网页需要预先加载用到各种资源比如图片，静态文件，flash 等，所有的都加载完后，我们再进行页面的初始化；

race方法：

 race方法是 /谁跑的快，以谁为准执行回调/；

  function run() {
        var pro = new Promise(function (resolve, reject) {
                setTimeout(function () {
                    resolve("我是方法一");
                }, 5000)
        })
        return pro;
    }
    function run2() {
        var pro2 = new Promise(function (resolve, reject) {
                setTimeout(function () {
                resolve("我是方法二")
            }, 2000)
        })
        return pro2;
    }
    function run3() {
        var pro2 = new Promise(function (resolve, reject) {
                setTimeout(function () {
                resolve("我是方法三")
            }, 3000)
        })
        return pro2;
    }
    Promise.race([run(),run2(),run3()]).then(function(res){
        console.log(res)
    })

执行之后：输出；；因为方法run2的时间最短，所以以方法二为准，输出“我是方法二”；

 

小生不才，难免有疏忽之处，如有不对，敬请指正；