浅谈angular中的promise

promise目的就是为了跳出回调地狱.老掉牙的东西，大神轻拍.

举个最简单的例子：请求数据(getData)，解析数据(executeData)，显示数据(showData).

        //获取数据
        function getData(callback){
            callback && callback();
        }

        //解析数据
        function executeData(callback){
            callback && callback();
        }

        //显示数据
        function showData(callback){
            callback && callback();
        }

        //开始请求数据了
        getData(function(){
            executeData(function(){
                showData(function(){
                    console.log("data showed");
                })
            })
        })

传统做法就是这样，当然也可以通过事件机制实现。事件机制相比于回调，回调是一对一，事件机制就是一对多。但是，缺点就是代码极难阅读，尤其是混淆了复杂的业务逻辑，写代码注释都很难补救。

 

这时候promise出场了.

//获取数据
        function getData(){
            var deferred = $q.defer();//创建一个延迟
            //do something
            setTimeout(function(){
                deferred.resolve();  //延迟执行完毕，没问题啊
            },1000);
            return deferred.promise;//返回promise，我给你个承诺，你等着
        }

        //解析数据
        function executeData(type){
            var deferred = $q.defer();
            //do something
            setTimeout(function(){
                deferred.reject();//出事了,数据不对
            },1000);
            return deferred.promise;
        }

        //显示数据
        function showData(){
            var deferred = $q.defer();
            //do something
            deferred.notify();//持续发送消息，gogogogo，用来更新进度什么的
            return deferred.promise;
        }
        //马上帅多了
        getData()
            .then(executeData.bind(window,["test"]))//通过bind修改参数
            .then(showData)
            .catch(function(){                       //中途运行deferred.reject的话,就触发catch
                console.log("error");
            })
            .finally(function(){                    //全部执行完就finally
                console.log(end);
            });

 

上面注释相信写得很清楚了。可以使用bind自定义参数。还有$q.all([promise1,promise2,promise3])可以同时执行多个promise，跟执行顺序跟上面有区别。

 

 

为什么叫做$q，$q的全称是什么,知道的请@死我。