### 11.2. 广义回调管理 和其它框架一样， ng 提供了广义的异步回调管理的机制。 _$http_ 服务是在其之上封装出来的。这个机制就是 ng 的 _$q_ 服务。 不过 ng 的这套机制总的来说实现得比较简单，按官方的说法，够用了。 使用的方法，基本上是： - 通过 _$q_ 服务得到一个 _deferred_ 实例 - 通过 _deferred_ 实例的 _promise_ 属性得到一个 _promise_ 对象 - _promise_ 对象负责定义回调函数 - _deferred_ 实例负责触发回调 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_ ， _promise_ 这三个东西。 ### 11.2.1. $q _$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)} ); ### 11.2.2. 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'); ### 11.2.3. promise _promise_ 对象只有 _then()_ 一个方法，注册成功回调函数和失败回调函数，再返回一个 _promise_ 对象，以用于链式调用。