AngularJs中promise 和 $q 的一点解释

以前只知道简单的ajax请求，也就是请求回调的模式，看了angularJs中大规模的promise,尤其是$q和defer,promise以及怎么resolve，reject非常疑惑，在搜集了大量的关于promise的资料后大致整理出他们的用途。其实引入promise主要还是为了解决以前的回调过于深入的问题，也就是ajax依赖上次请求返回成功后在执行；

<pre name="code" class="html"><pre name="code" class="javascript"><span style="font-size:18px;">functionA(arg1,arg2,function(){
    functionB(arg1,function(){
        functionC(arg1,function(){
             xxxx....
        })
    })   
})</span>

也就是传说中的金字塔回调的问题。夏天要来了，你一定希望看见angularJS中提供的更加清爽的方式；

<span style="font-size:18px;">Promise.then(succFuntion,failFuntion)
       .then(succFuntion,failFountion)
       .catch()
       .finally()</span>

在angularJS中主要是$q和defer，promise的使用：

一般我们使用异步请求的话就使用$q服务，那怎么做呢？

首先来看一个demo:

var defer = $q.defer();
var promise = defer.promise;

promise
  .then(function(val) {
    console.log(val);
    return 'B';
  })
  .then(function(val) {
    console.log(val);
    return 'C'
  })
  .then(function(val) {
    console.log(val);
   });

deferred.resolve('A');

这里只有一个函数，就是上面好了then我们要干啥。

defer是一个延迟对象，通过$q.defer来获取；

它有以下方法：

resolve(value):向promise对象异步执行体发送消息告诉他我已经成功完成任务，value即为发送的消息。

reject(value):向promise对象异步执行体发送消息告诉他我已经不可能完成这个任务了，value即为发送的消息。

notify(value):向promise对象异步执行体发送消息告诉他我现在任务完成的情况，value即为发送的消息。

他还有一个属性，就是promise，也就是这个对象的承诺（promise）对象；

defer主要是用来发消息的，也就是来开启这个过程，虽然它被写在了最后面==！，如果是我们写了defer.reject(),那我们的promise就要对应的执行第二个回调函数，failFunction,这里没有写出来failFuntion，demo中有；

其实传递应该是这样的

promise对象可以通过defer.promise获取,下面是promise对象的方法：

　　then(successCallback,errorCallback,notifyCallback):参数为不同消息下的不同回调函数，defer发送不同的消息，resolve发成功的消息，执行successCallback，reject发另一种执行errorCallback等等，一般我们用resolve代表成功的操作，reject代表失败的操作，最开始我的迷惑是我调用了resolve不会触发errorCallBack吗，我一直以为调用一个就行了，其实这个地方是区分的，你发的消息（resolve和reject）不一样，函数执行的回调才回不一样。消息作为这些回调函数的参数传递。then的返回值也是为一个promise，这样我们就可以再次添加then了。对象为支持链式调用而存在。当第一个defer对象发送消息后，后面的promise对应的defer对象也会发送消息，但是发送的消息不一样，不管第一个defer对象发送的是reject还是resolve，第二个及其以后的都是发送的resolve，因为第一个个不管执行什么，都有返回吗，后面的不需要考虑前面调用是什么，只需要根据前面的结果来判断就行了。这样消息是可传递的。

finally(callback):相当于then(callback,callback)的缩写，这个finally中的方法不接受参数，可以将defer发送的消息和消息类型成功传递到下一个then中，就是不管怎样都要执行回调。

最后一个问题是$q.when，这个我还没有真正用到，后面会结合实际使用来描述，目前已有的信息很模糊，大概都是说使用$q的when方法可以直接生成promise对象，比如：

varpromise=$q.when(1,function(num){

console.log("s"+num);

},function(){

console.log("e");

});

意思是说吧这样一坨东西封装成一个promise对象，这样以来，我们使用promise的时候又会开始promise.then()这样的使用，也就是说，promise之后要干嘛。。。这个感觉有一点等待的意味，就是等待when中的事情完成的时候在执行then；当when("do some thing"),当when中干什么的时候，然后我们就可以开始then....

over

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!