四、数据交互实用技巧

①Promise的利用 @H_404_3@

ES6定义了Promise对象。这个对象挺好用的，特别是用在与后台交互的时候。既预防回调过深，又可以针对一些情况做统一处理，还提高了代码的可读性。在angularJs里面也封装了这样一个服务，就是$q。 @H_404_3@

$q是做为angularjs的一个服务而存在的，只是对promise异步编程模式的一个简化实现版。defer对象(延迟对象)可以通$q.defer()获取，该对象有三个方法: @H_404_3@

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

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

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

　　这些消息发送完promise会调用现有的回调函数。 @H_404_3@

promise即与这个defer对象的承诺对象。promise对象可以通过defer.promise获取,promise对象的一些方法： @H_404_3@

　　then(successCallback,errorCallback,notifyCallback):参数为不同消息下的不同回调函数，defer发送不同的消息执行不同的回调函数，消息作为这些回调函数的参数传递。返回值为回一个promise对象为支持链式调用而存在。当第一个defer对象发送消 息后，后面的promise对应的defer对象也会发送消息，但是发送的消息不一样，不管第一个defer对象发送的是reject还是resolve，第二个及其以后的都是发送的resolve，消息是可传递的。 @H_404_3@

　　catch(errorCallback):then(null,errorCallback)的缩写。 @H_404_3@

　　finally(callback):相当于then(callback,callback)的缩写，这个finally中的方法不接受参数，却可以将defer发送的消息和消息类型成功传递到下一个then中。 @H_404_3@

　　defer():用来生成一个延迟对象 var defer =$q.defer(); @H_404_3@

　　reject():参数接收错误消息，相当于在回调函数中抛出一个异常，然后在下一个then中调用错误的回调函数。 @H_404_3@

　 all()：参数接收为一个promise数组，返回一个新的单一promise对象，当这些promise对象对应defer对象全部解决这个单一promise对象才会解决，当这些promise对象中有一个被reject了，这个单一promise同样的被reject了。 @H_404_3@

　 when():接收第一个参数为一个任意值或者是一个promise对象，其他3个同promise的then方法,返回值为一个promise对象。第一个参数若不是promise对象则直接运行success回调且消息为这个对象，若为promise那么返回的promise其实就是对这个promise 类型的参数的一个包装而已，被传入的这个promise对应的defer发送的消息，会被我们when函数返回的promise对象所接收到。 @H_404_3@

具体用法如下： @H_404_3@

在angular中，定义一个专门用来交互的服务。 @H_404_3@

　　这样，我们就可以在每个请求发出时统一定义一些提示，然后请求结束之后隐藏这些提示。这段代码中，大概意思就是，当请求成功的时候，就会调用deferred.resolve(data)，把状态设置为成功，这样就会自动执行then里面的第一个函数即successCallback，并把请求到的数据data传递进去。而当请求失败的时候，则会调用第二个函数，即errorCallback。 @H_404_3@

以上所述是小编给大家介绍的AngularJS实用的开发技巧，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对编程之家网站的支持！@H_404_3@ 原文链接：https://www.f2er.com/js/47289.html