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学习笔记(二十) 获得和设置元素的特性(属性)
Jun 20 Javascript
jQuery使用CSS()方法给指定元素同时设置多个样式
Mar 26 Javascript
Web开发必知Javascript技巧大全
Feb 23 Javascript
详解jQuery uploadify文件上传插件的使用方法
Dec 16 Javascript
原生JS实现简单放大镜效果
Feb 08 Javascript
js实现抽奖效果
Mar 27 Javascript
详解Vue爬坑之vuex初识
Jun 14 Javascript
基于Vue的移动端图片裁剪组件功能
Nov 28 Javascript
jQuery鼠标滑过横向时间轴样式(代码详解)
Nov 01 jQuery
JS实现电脑虚拟键盘打字测试
Jun 24 Javascript
JavaScript判断数据类型有几种方法及区别介绍
Sep 02 Javascript
详解JavaScript中的链式调用
Nov 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
PHP中的正规表达式(二)
2006/10/09 PHP
php 获取可变函数参数的函数
2009/08/26 PHP
php基于curl重写file_get_contents函数实例
2016/11/08 PHP
js 实现无干扰阴影效果 简单好用(附文件下载)
2009/12/27 Javascript
广泛收集的jQuery拖放插件集合
2012/04/09 Javascript
JavaScript使用focus()设置焦点失败的解决方法
2014/09/03 Javascript
jQuery使用fadein方法实现渐出效果实例
2015/03/27 Javascript
NodeJs中的VM模块详解
2015/05/06 NodeJs
JQuery Mobile实现导航栏和页脚
2016/03/09 Javascript
Bootstrap Paginator分页插件与ajax相结合实现动态无刷新分页效果
2016/05/27 Javascript
angularJS开发注意事项
2018/05/26 Javascript
详解Vue CLI3 多页应用实践和源码设计
2018/08/30 Javascript
Javascript操作select控件代码实例
2020/02/14 Javascript
package.json各个属性说明详解
2020/03/11 Javascript
理解JavaScript中的Proxy 与 Reflection API
2020/09/21 Javascript
详解如何在Javascript中使用Object.freeze()
2020/10/18 Javascript
Nuxt.js的路由跳转操作(页面跳转nuxt-link)
2020/11/06 Javascript
Python获取运行目录与当前脚本目录的方法
2015/06/01 Python
Python简单调用MySQL存储过程并获得返回值的方法
2015/07/20 Python
详解python中requirements.txt的一切
2017/03/03 Python
用Python3创建httpServer的简单方法
2018/06/04 Python
基于Python的PIL库学习详解
2019/05/10 Python
python利用wx实现界面按钮和按钮监听和字体改变的方法
2019/07/17 Python
Python values()与itervalues()的用法详解
2019/11/27 Python
pytorch-神经网络拟合曲线实例
2020/01/15 Python
Python迭代器Iterable判断方法解析
2020/03/16 Python
IntelliJ 中配置 Anaconda的过程图解
2020/06/01 Python
Python实现像awk一样分割字符串
2020/09/15 Python
Python 实现国产SM3加密算法的示例代码
2020/09/21 Python
Python使用struct处理二进制(pack和unpack用法)
2020/11/12 Python
英国鞋类及配饰零售商:Kurt Geiger
2017/02/04 全球购物
科颜氏英国官网:Kiehl’s英国
2019/11/20 全球购物
2019年分享net面试的经历和题目
2016/08/07 面试题
管理心得体会
2013/12/28 职场文书
办理信用卡收入证明范例
2014/09/13 职场文书
保护校园环境倡议书
2015/04/28 职场文书