Angularjs的回调

原文转自

http://checkcheckzz.gitbooks.io/angularjs-learning-notes/content/chapter11/11-2.html

var TestCtrl = function($q){
    var defer = $q.defer();
    var promise = defer.promise;
    promise.then(function(data){console.log('ok, ' + data)},
                 function(data){console.log('error, ' + data)});
    //defer.reject('xx');
    defer.resolve('xx');
  }

使用的方法，基本上是：

• 通过 $q 服务得到一个 deferred 实例
• 通过 deferred 实例的 promise 属性得到一个 promise 对象
• promise 对象负责定义回调函数
• deferred 实例负责触发回调

$q有四个方法：

• $q.all() 合并多个 promise ，得到一个新的 promise
• $q.defer() 返回一个 deferred 对象
• $q.reject() 包装一个错误，以使回调链能正确处理下去
• $q.when() 返回一个 promise 对象
• $q.all() 方法适用于并发场景很合适 var TestCtrl = function($q, $http){ var p = $http.get('/json', {params: {a: 1}}); var p2 = $http.get('/json', {params: {a: 2}}); var all = $q.all([p, p2]); p.success(function(res){console.log('here')}); all.then(function(res){console.log(res[0])}); }

$q.reject() 方法是在你捕捉异常之后，又要把这个异常在回调链中传下去时使用：

要理解这东西，先看看 promise 的链式回调是如何运作的，看下面两段代码的区别：

var defer = $q.defer();
var p = defer.promise;
p.then(
  function(data){return 'xxx'}
);
p.then(
  function(data){console.log(data)}
);
defer.resolve('123');


var defer = $q.defer();
var p = defer.promise;
var p2 = p.then(
  function(data){return 'xxx'}
);
p2.then(
  function(data){console.log(data)}
);
defer.resolve('123');

从模型上看，前者是“并发”，后者才是“链式”。

而 $q.reject() 的作用就是触发后链的 error 回调：

var defer = $q.defer();
var p = defer.promise;
p.then(
  function(data){return data},
  function(data){return $q.reject(data)}
).
then(
  function(data){console.log('ok, ' + data)},
  function(data){console.log('error, ' + data)}
)
defer.reject('123');

最后的 $q.when() 是把数据封装成 promise 对象：

var p = $q.when(0, function(data){return data},
                   function(data){return data});
p.then(
  function(data){console.log('ok, ' + data)},
  function(data){console.log('error, ' + data)}
);

deferred

deferred 对象有两个方法一个属性。

• promise 属性就是返回一个 promise 对象的。
• resolve() 成功回调
• reject() 失败回调 var defer = $q.defer(); var promise = defer.promise; promise.then(function(data){console.log('ok, ' + data)}, function(data){console.log('error, ' + data)}); //defer.reject('xx'); defer.resolve('xx');

promise

promise 对象只有 then() 一个方法，注册成功回调函数和失败回调函数，再返回一个promise 对象，以用于链式调用。