Javascript中的异步编程规范Promises/A详细介绍


Posted in Javascript onJune 06, 2014

Javascript里异步编程逐渐被大家接受,先前大家一般通过回调嵌套,setTimeout、setInterval等方式实现,代码看起来非常不直观,不看整个代码逻辑很难快速理解。Javascript里异步函数大概有I/O函数(Ajax、postMessage、img load、script load等)、计时函数(setTimeout、setInterval)等。

这些我们都很熟悉,在复杂的应用中往往会嵌套多层,甚至以为某些步骤未完成而导致程序异常,最简单的例子:比如你往DOM中注入节点,你必须等待节点注入后在操作这个节点,当大量节点注入的时候,时间往往很难把握。如果我们得代码依赖第三方api的数据。我们无法获悉一个API响应的延迟时间,应用程序的其他部分可能会被阻塞,直到它返回结果。Promises对这个问题提供了一个更好的解决方案,它是非阻塞的,并且与代码完全解耦 。

那么,我看看Javascript里异步编程,首先推荐大家看看相对来说比较流行的Promises/A规范。

Promises/A规范

注:为了便于理解,描述可能和Promises/A规范有所出入;

CommonJS之Promises/A规范,通过规范API接口来简化异步编程,使我们的异步逻辑代码更易理解。
遵循Promises/A规范的实现我们称之为Promise对象,Promise对象有且仅有三种状态:unfulfilled(未完成)、fulfilled(已完成)、failed(失败/拒绝);初始创建的时候是unfulfilled(未完成)状态,状态只可以从unfulfilled(未完成)变成fulfilled(已完成),或者unfulfilled(未完成)变成failed(失败/拒绝)。状态一旦变成fulfilled(已完成)或者failed(失败/拒绝),状态就不能再变了。

Promises/A规范提供了一个在程序中描述延时(或将来)概念的解决方案。主要的思想不是执行一个方法然后阻塞应用程序等待结果返回后再回调其他方法,而是返回一个Promise对象来满足未来监听。fulfilled状态和failed状态都可以被监听。Promise通过实现一个then接口来返回Promise对象来注册回调:

then(fulfilledHandler, errorHandler, progressHandler);

then接口用于监听一个Promise的不同状态。fulfilledHandler用于监听fulfilled(已完成)状态,errorHandler用于监听failed(失败/拒绝)状态,progressHandler用于监听unfulfilled(未完成)状态。Promise不强制实现unfulfilled(未完成)的事件监听(例如我们知道旧版本的jQuery(1.5,1.6)的Deferred就是一个Promise的实现,但没有实现对unfulfilled(未完成)状态的监听来回调progressHandler)。

一般认为,then接口返回的是一个新的Promise对象,而不是原来的Promise对象,这个新的新的Promise对象可以理解为是原来Promise对象的一个视图,它只包含原有Promise对象的一组方法,这些方法只能观察原有Promise对象的状态,而无法更改deferred对象的内在状态。这样可以避免多个调用者之间的冲突,多个调用者可以通过改变新的Promise对象状态而不影响别的调用者。

另外,Promise提供了resolve(实现状态由未完成到已完成)和reject(实现状态由未完成到拒绝或失败)两个接口实现状态的转变。

发一张图片帮助理解一下:

Javascript中的异步编程规范Promises/A详细介绍

有了Promise,就可以以同步的思维去编写异步的逻辑了。在异步函数里,不能使用try/catch捕获异常,也不能抛出异常。有了Promise,我们可以直接显式定义errorHandler,相当于捕获异常。

以下是几个遵循Promises/A规范的类库,when,q,rsvp.js,jQuery.Deferred等等。

Javascript 相关文章推荐
Javascript入门学习资料收集整理篇
Jul 06 Javascript
js 对联广告、漂浮广告封装类(IE,FF,Opera,Safari,Chrome
Nov 26 Javascript
JQuery AJAX 中文乱码问题解决
Jun 05 Javascript
jQuery toggleClass应用实例(附效果图)
Apr 06 Javascript
Javascript学习笔记之函数篇(六) : 作用域与命名空间
Nov 23 Javascript
JavaScript调试工具汇总
Dec 23 Javascript
js实现键盘控制DIV移动的方法
Jan 10 Javascript
javascript实现的多个层切换效果通用函数实例
Jul 06 Javascript
Angular2 (RC4) 路由与导航详解
Sep 21 Javascript
vue2.0实现列表数据增加和删除
Jun 17 Javascript
解决vuecli3中img src 的引入问题
Aug 04 Javascript
js实现弹幕飞机效果
Aug 27 Javascript
AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法
Jun 06 #Javascript
jQuery插件开发详细教程
Jun 06 #Javascript
手写的一个兼容各种浏览器的javascript getStyle函数(获取元素的样式)
Jun 06 #Javascript
jquery进行数组遍历如何跳出当前的each循环
Jun 05 #Javascript
js检验密码强度(低中高)附图
Jun 05 #Javascript
原生js编写设为首页兼容ie、火狐和谷歌
Jun 05 #Javascript
js如何判断用户是否是用微信浏览器
Jun 05 #Javascript
You might like
DC动漫人物排行
2020/03/03 欧美动漫
php header示例代码(推荐)
2010/09/08 PHP
PHP5.5在windows安装使用memcached服务端的方法
2014/04/16 PHP
PHP正则匹配日期和时间(时间戳转换)的实例代码
2016/12/14 PHP
Yii框架安装简明教程
2020/05/15 PHP
PHP中SESSION过期设置
2021/03/09 PHP
JavaScript 特殊字符
2007/04/05 Javascript
学习ExtJS table布局
2009/10/08 Javascript
Jquery 模拟用户点击超链接或者按钮的方法
2013/10/25 Javascript
Javascript中克隆一个数组的实现代码
2013/12/06 Javascript
原生js简单实现放大镜特效
2017/05/16 Javascript
js canvas实现放大镜查看图片功能
2017/06/08 Javascript
React应用中使用Bootstrap的方法
2017/08/15 Javascript
vue脚手架搭建过程图解
2018/06/06 Javascript
dts文件中删除一个node或属性的操作方法
2018/08/05 Javascript
使用pkg打包Node.js应用的方法步骤
2018/10/19 Javascript
微信小程序缓存过期时间的使用详情
2019/05/12 Javascript
详解Vue中的自定义指令
2020/12/07 Vue.js
Python获取Linux系统下的本机IP地址代码分享
2014/11/07 Python
python 对象和json互相转换方法
2018/03/22 Python
Python编程flask使用页面模版的方法
2018/12/28 Python
Python multiprocessing多进程原理与应用示例
2019/02/28 Python
Python/Django后端使用PIL Image生成头像缩略图
2019/04/30 Python
django创建最简单HTML页面跳转方法
2019/08/16 Python
pytorch .detach() .detach_() 和 .data用于切断反向传播的实现
2019/12/27 Python
Python破解BiliBili滑块验证码的思路详解(完美避开人机识别)
2020/02/17 Python
python的sys.path模块路径添加方式
2020/03/09 Python
Python 创建TCP服务器的方法
2020/07/28 Python
洲际酒店集团美国官网:IHG美国
2017/11/16 全球购物
Mamaearth官方网站:印度母婴护理产品公司
2019/10/06 全球购物
法学专业毕业生自荐信范文
2013/12/18 职场文书
大学校庆策划书
2014/01/31 职场文书
党员干部反四风民主生活会对照检查材料思想汇报
2014/10/12 职场文书
公司的力量观后感
2015/06/05 职场文书
幼儿园园长新年寄语
2015/08/17 职场文书
2016年10月份红领巾广播稿
2015/12/21 职场文书