promise和Angular中的 $q, defer
在ES6语法中,新出了promise构造函数, 可用来生成promise实例。
Promise对象: 代表了未来某个将要发生的事件(通常是一个异步操作)。有了promise对象, 可以将异步操作以同步的流程表达出来, 避免了层层嵌套的回调函数(俗称'回调地狱')。
在Angularjs中,对象deferred 实例也可以暴露派生的Promise 实例。以下将对此作简单描述:
1. $q:
$q是Angular的一种内置服务,它可以使你异步地执行函数,并且当函数执行完成时它允许你使用函数的返回值(或异常)。
2. defer:
defer的字面意思是延迟,$q.defer() 可以创建一个deferred实例(延迟对象实例)。
Deferred对象的意义在于将非Promise的异步流程包装成Promise,deferred 实例旨在暴露派生的Promise 实例,以及被用来作为成功完成或未成功完成的信号API,以及当前任务的状态。
var deferred = $q.defer(); //通过$q服务注册一个延迟对象 deferred
var promise = deferred.promise; //通过deferred延迟对象,可以得到一个承诺promise,而promise会返回当前任务的完成结果
defer的方法:
1. deferred.resolve(value): 成功解决(resolve)了其派生的promise。参数value将来会被用作promise.then(successCallback(value){...}, errorCallback(reason){...}, notifyCallback(notify){...})中successCallback函数的参数。
2. deferred.reject(reason): 未成功解决其派生的promise。参数reason被用来说明未成功的原因。此时deferred实例的promise对象将会捕获一个任务未成功执行的错误,promise.catch(errorCallback(reason){...})。补充一点,promise.catch(errorCallback)实际上就是promise.then(null, errorCallback)的简写。
3. notify(value) :provides updates on the status of the promise's execution。
以下是一个小例子:
function asyncGreet(name) {
var deferred = $q.defer(); //通过$q.defer()创建一个deferred延迟对象,在创建一个deferred实例时,也会创建出来一个派生的promise对象,使用deferred.promise就可以检索到派生的promise。 deferred.notify('About to greet ' + name + '.'); //延迟对象的notify方法。 if (okToGreet(name)) {
deferred.resolve('Hello, ' + name + '!'); //任务被成功执行
} else {
deferred.reject('Greeting ' + name + ' is not allowed.'); //任务未被成功执行
} return deferred.promise; //返回deferred实例的promise对象
} function okToGreet(name) {
//只是mock数据,实际情况将根据相关业务实现代码
if(name == 'Superman') return true;
else return false;
} var promise = asyncGreet('Superman'); //获得promise对象
//promise对象的then函数会获得当前任务也就是当前deferred延迟实例的执行状态。它的三个回调函数分别会在resolve(), reject() 和notify()时被执行
promise.then(function(greeting) {
alert('Success: ' + greeting);
}, function(reason) {
alert('Failed: ' + reason);
}, function(update) {
alert('Got notification: ' + update);
});
3. promise:
当创建一个deferred实例时,promise实例也会被创建。通过deferred.promise就可以检索到deferred派生的promise。
promise的目的是允许interested parties 访问deferred任务完成的结果。
按照CommonJS的约定,promise是一个与对象交互的接口,表示一个动作(action)的结果是异步的,而且在任何给定的时间点上可能或不可能完成。(这句话好绕口,我的理解是promise相当于一个承诺,承诺你这个任务在给定的时间点上可能会完成,也可能完成不了。如果完成了那就相当于resolve, 如果未完成就相当于reject。)
promise 的方法:
1. then(successCallback, errorCallback, nitifyCallback) 根据promise被resolve/reject,或将要被resolve/reject,调用successCallback/errorCallback。
2. catch(errorCallback) then(null, errorCallback)的缩写。
3. finally(callback, notifyCallback)
补充说明:
promise.then()会返回一个新的衍生promise,形成promise链。
promiseB = promiseA.then(function(result) {
return result + 1;
}); // promiseB will be resolved immediately after promiseA is resolved and its value
// will be the result of promiseA incremented by 1
原文地址:http://www.cnblogs.com/big-snow/p/5126059.html
最新文章
- 微冷的雨ASP.NET MVC之葵花宝典(MVC)
- Linux字符设备
- win2008 64位 + oracle11G 64位 IIS7.5 配置WEBSERVICE
- 什么是I帧,P帧,B帧
- IE标签a嵌套table标签,链接点击无效
- JavaScript基础知识----document对象
- webAppbuilder微件使用教程1 快速入门
- 201521123111《Java程序设计》第5周学习总结
- HDU2191--多重背包(二进制分解+01背包)
- Xcode 下删除Provisioning Profiles文件
- Python 标准类库-Windows特殊服务之msvcrt
- latex表格代码
- 深入浅出TCP/IP协议
- java中序列化的简单认识
- 第8章 	自己写库-构建库函数雏形—零死角玩转STM32-F429系列
- Linux学习4-信号
- OI回忆录(流水账)
- C++基础学习-20120518
- 音频audio,加层父级
- (My)SQL
热门文章
- cisco telnet会话SESSION管理及相关Dynagen配置文件
- 【网络流24题】No.19 负载平衡问题 (费用流)
- SQLite 对中文路径的支持(用到了StringToWideChar和Utf8Encode在D7的System单元中自带)
- Migrating from IntelliJ Projects
- google python/c++ code style naming
- android开发板
- jmap(Memory Map For Java)
- JavaScript高级程序设计22.pdf
- JavaScript浏览器本地数据存储
- 18. 4Sum