位置: 编程技术 - 正文

详解JavaScript异步编程中jQuery的promise对象的作用(javascript异常)

编辑:rootadmin

推荐整理分享详解JavaScript异步编程中jQuery的promise对象的作用(javascript异常),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:js中有哪些异常,该如何处理,js异或操作,js解决异步的几种方法,js异或操作,js解决异步的几种方法,js异常处理语句,js异常处理语句,javascript异常,内容如对您有帮助,希望把文章链接给更多的朋友!

Promise, 中文可以理解为愿望,代表单个操作完成的最终结果。一个Promise拥有三种状态:分别是unfulfilled(未满足的)、fulfilled(满足的)、failed(失败的),fulfilled状态和failed状态都可以被监听。一个愿望可以从未满足状态变为满足或者失败状态,一旦一个愿望处于满足或者失败状态,其状态将不可再变化。这种“不可改变”的特性对于一个Promise来说非常的重要,它可以避免Promise的状态监听器修改一个Promise的状态导致别的监听器的行为异常。例如:一个监听fulfilled状态的监听器把Promise的状态修改为failed,那么将触发failed状态的监听器,而如果一个failed状态监听器又把Promise的状态设置为fulfilled,那么又将触发fulfilled状态的监听器,这样将导致死循环。另外一种理解Promise这种特性的方式是把Promise看成是javascript中的primative类型的变量,这种变量可以被传入被调用的函数中,但是不可以被调用函数所改变。

每一个Promise对象都有一个方法:then(fulfilledHandler, errorHandler, progressHandler),用于监听一个Promise的不同状态。fulfilledHandler用于监听fulfilled事件,errorHandler用于监听failed事件,progressHandler用于监听progress事件。一个Promise不强制实现progress状态的事件监听(jQuery的Deferred就是一个Promise的实现,但没有实现对progress状态事件的处理)。

then(...)函数中的fulfilledHandler和errorHandler的返回值是一个新的Promise对象, 以便能够链式调用then(...)函数。每一个回调函数在正常情况下返回的是处于fulfilled状态的Promise,如果该回调函数返回错误值,那么返回的Promise状态将会变为failed。

promise在异步编程中的作用

异步模式在web编程中变得越来越重要,对于web主流语言Javascript来说,这种模式实现起来不是很利索,为此,许多Javascript库(比如 jQuery和Dojo)添加了一种称为promise的抽象(有时也称之为deferred)。通过这些库,开发人员能够在实际编程中使用 promise模式。随着Web 2.0技术的深入,浏览器端承受了越来越多的计算压力,所以“并发”具有积极的意义。对于开发人员来说,既要保持页面与用户的交互不受影响,又要协调页面与异步任务的关系,这种非线性执行的编程要求存在适应的困难。先抛开页面交互不谈,我们能够想到对于异步调用需要处理两种结果——成功操作和失败处理。在成功的调用后,我们可能需要把返回的结果用在另一个Ajax请求中,这就会出现“函数连环套”的情况。这种情况会造成编程的复杂性。看看下面的代码示例(基于XMLHttpRequest2):

上面的代码其功能是获取Twitter中hashtag为IE和IE9的内容并在页面中显示出来。这种嵌套的回调函数难以理解,开发人员需要仔细分析哪些代码用于应用的业务逻辑,而哪些代码处理异步函数调用的,代码结构支离破碎。错误处理也分解了,我们需要在各个地方检测错误的发生并作出相应的处理。

为了降低异步编程的复杂性,开发人员一直寻找简便的方法来处理异步操作。其中一种处理模式称为promise,它代表了一种可能会长时间运行而且不一定必须完整的操作的结果。这种模式不会阻塞和等待长时间的操作完成,而是返回一个代表了承诺的(promised)结果的对象。

考虑这样一个例子,页面代码需要访问第三方的API,网络延迟可能会造成响应时间较长,在这种情况下,采用异步编程不会影响整个页面与用户的交互。promise模式通常会实现一种称为then的方法,用来注册状态变化时对应的回调函数。比如下面的代码示例:

promise模式在任何时刻都处于以下三种状态之一:未完成(unfulfilled)、已完成(resolved)和拒绝(rejected)。以CommonJS Promise/A 标准为例,promise对象上的then方法负责添加针对已完成和拒绝状态下的处理函数。then方法会返回另一个promise对象,以便于形成promise管道,这种返回promise对象的方式能够支持开发人员把异步操作串联起来,如then(resolvedHandler, rejectedHandler); 。resolvedHandler 回调函数在promise对象进入完成状态时会触发,并传递结果;rejectedHandler函数会在拒绝状态下调用。

有了promise模式,我们可以重新实现上面的Twitter示例。为了更好的理解实现方法,我们尝试着从零开始构建一个promise模式的框架。首先需要一些对象来存储promise。

接下来,定义then方法,接受两个参数用于处理完成和拒绝状态。

详解JavaScript异步编程中jQuery的promise对象的作用(javascript异常)

同时还需要两个方法来执行理从未完成到已完成和从未完成到拒绝的状态转变。

现在搭建了一个promise的架子,我们可以继续上面的示例,假设只获取IE的内容。创建一个方法来发送Ajax请求并将其封装在promise中。这个promise对象分别在xhr.onload和xhr.onerror中指定了完成和拒绝状态的转变过程,请注意searchTwitter函数返回的正是promise对象。然后,在loadTweets中,使用then方法设置完成和拒绝状态对应的回调函数。

到目前为止,我们可以把promise模式应用于单个Ajax请求,似乎还体现不出promise的优势来。下面来看看多个Ajax请求的并发协作。此时,我们需要另一个方法when来存储准备调用的promise对象。一旦某个promise从未完成状态转化为完成或者拒绝状态,then方法里对应的处理函数就会被调用。when方法在需要等待所有操作都完成的时候至关重要。

以刚才获取IE和IE9两块内容的场景为例,我们可以这样来写代码:

分析上面的代码可知,when函数会等待两个promise对象的状态发生变化再做具体的处理。在实际的Promise库中,when函数有很多变种,比如 when.some()、when.all()、when.any()等,读者从函数名字中大概能猜出几分意思来,详细的说明可以参考CommonJS的一个promise实现when.js。

除了CommonJS,其他主流的Javascript框架如jQuery、Dojo等都存在自己的promise实现。开发人员应该好好利用这种模式来降低异步编程的复杂性。我们选取Dojo为例,看一看它的实现有什么异同。

Dojo框架里实现promise模式的对象是Deferred,该对象也有then函数用于处理完成和拒绝状态并支持串联,同时还有resolve和reject,功能如之前所述。下面的代码完成了Twitter的场景:

不仅如此,类似dojo.xhrGet方法返回的即是dojo.Deferred对象,所以无须自己包装promise模式。

除此之外,Dojo还引入了dojo.DeferredList,支持开发人员同时处理多个dojo.Deferred对象,这其实就是上面所提到的when方法的另一种表现形式。

上面的代码比较清楚,不再详述。

说到这里,读者可能已经对promise模式有了一个比较完整的了解,异步编程会变得越来越重要,在这种情况下,我们需要找到办法来降低复杂度,promise模式就是一个很好的例子,它的风格比较人性化,而且主流的JS框架提供了自己的实现。所以在编程实践中,开发人员应该尝试这种便捷的编程技巧。需要注意的是,promise模式的使用需要恰当地设置promise对象,在对应的事件中调用状态转换函数,并且在最后返回promise对象。

深入解析jQuery中Deferred的deferred.promise()方法 deferred.promise()和.promise()这两个API语法几乎一样,但是有着很大的差别。deferred.promise()是Deferred实例的一个方法,他返回一个Deferred.Promise实例。一个Deferre

jQuery中队列queue()函数的实例教程 如果当前jQuery对象匹配多个元素:获取队列时,只获取第一个匹配元素上的队列;设置队列(替换队列、追加函数)时,则为每个匹配元素都分别进行设置

javascript截图 jQuery插件imgAreaSelect使用详解 为了使用户能自定义个人头像,需要提供一个对上传图片的截图功能,当前很多网站特别是SNS类网站都提供这样的功能,非常实用。主要实现的形式有

标签: javascript异常

本文链接地址:https://www.jiuchutong.com/biancheng/385792.html 转载请保留说明!

上一篇:jQuery的promise与deferred对象在异步回调中的作用(jquery propertychange)

下一篇:深入解析jQuery中Deferred的deferred.promise()方法(jquery源码解析)

  • Symfony2 session用法实例分析

    Symfony2 session用法实例分析

  • MongoDB教程之查询操作实例(mongodb查询工具)

    MongoDB教程之查询操作实例(mongodb查询工具)

  • 详解DB2 sqlstate 57016 SQLCODE=-668 原因码

    以上所述是小编给大家介绍的详解DB2 sqlstate SQLCODE=- 原因码 "7"错误的快速解决办法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对积木网网站的支持!

    SQL Server 数据库分离与附加 就这么简单! 一、概述SQLServer提供了分离/附加数据库、备份/还原数据库、复制数据库等多种数据库的备份和恢复方法。这里介绍一种学习中常用的分离/附加方法,

    深入浅析SQL封装、多态与重载 面向对象1.类:众多对象抽象出来的2.对象:类实例化出来的3.类的定义关键字class4.类里面包含成员变量成员属性成员方法5.面向对象三大特性(1)封装

    在Sql Server中调用外部EXE执行程序引发的问题 一、先开启xp_cmdshell打开外围应用配置器—功能的外围应用配置器—实例名DatabaseEnginexp_cmdshell—启用二、解决方法usemasterExecxp_cmdshell'mkdird:csj" class="img-responsive" alt="详解DB2 sqlstate 57016 SQLCODE=-668 原因码 "7"错误的快速解决办法(详解增发万亿国债细节)">

    详解DB2 sqlstate 57016 SQLCODE=-668 原因码 "7"错误的快速解决办法(详解增发万亿国债细节)

  • 苹果Mac电脑怎么定时关机?在OS X上设定定时关机方法介绍(苹果MAC电脑怎么玩圣安地列斯)

    苹果Mac电脑怎么定时关机?在OS X上设定定时关机方法介绍(苹果MAC电脑怎么玩圣安地列斯)

  • MAC设置通知栏显示iTunes歌曲更换信息步骤(macbookpro通知栏)

    MAC设置通知栏显示iTunes歌曲更换信息步骤(macbookpro通知栏)

  • unity3d移动平台性能优化(13):对比法优化(unity3d跨平台)

    unity3d移动平台性能优化(13):对比法优化(unity3d跨平台)

  • Unity3D定时器的调用(unity中time.deltatime)

    Unity3D定时器的调用(unity中time.deltatime)

  • 企业招用残疾人比例
  • 结转增值税会计摘要
  • 去年工资计提错误,今年如何修改
  • 购买的手机可以七天无理由退货吗
  • 建筑企业小规模纳税人升为一般纳税人条件
  • 小规模升一般纳税人怎么操作
  • 无形资产计税基础怎么算
  • 购买空调算什么费用
  • 处置固定资产增值税和所得税报税能一致吗
  • 进货没有开具发票能退吗
  • 应交税费计提是借方还是贷方
  • 企业将现金借给员工
  • 印花税漏报了要罚款吗
  • 土地增值税计算题及答案解析
  • 核定征收分几种
  • 弥补以前年度亏损从哪里取数
  • 企业所得税怎么征收
  • 应收股利属于其他业务吗
  • 小微企业季度超过45万填报增值税
  • 企业转让销售配额怎么算
  • 固定资产改造更新是否需要计提折旧
  • 普通增值税发票跨越可以作废吗
  • 戴尔电脑设置u盘
  • linux传输数据
  • 公允价值变动损益会计处理
  • 商品流通企业会计分录
  • 46 个非常有用的成语
  • Yii2使用表单上传文件的实例代码
  • php模板引擎执行时间
  • php替换文本指定内容
  • 身份证号码的正确读法
  • phpcms v9用户手册
  • 实际发生费用的概念
  • DEDECMSV5.6将软件下载次数直接生成静态
  • 外购固定资产入账
  • SQL Server 2012 FileTable 新特性详解
  • 农机合作社项目申报方案
  • 期末留抵退税计算公式
  • 研发费用明细科目怎么填
  • 商誉是成本法还是收入法
  • 出售金融资产计入
  • 主营业务收入科目按其所归属的会计要素不同
  • 以前年度未处理往来账怎么叫
  • 可抵扣的进项税额要减去进项转出吗
  • 员工出差报销的餐费怎么下账
  • 决算清理期和库款报解整理期
  • 职工福利基金提取流程
  • 实收资本的印花税什么时候申报
  • 公司借调人员工资账务处理
  • 残保金工资总额是按计提还是发放
  • 增值税发票折扣发票
  • sql server dbcc
  • Win10 Mobile 10549中Cortana电池消耗很大该怎么办?
  • 让Windows XP、2003、2008自动登录的设置
  • redhat常用命令总结
  • 苹果电脑如何提高网速
  • win7与vista关系
  • windows7显示桌面的操作方法
  • ubuntu怎样调出命令行
  • mac上的
  • 使用和启动故障的区别
  • 苹果mac 最新系统
  • 快速解决便秘的小妙招
  • win7无法远程桌面win10
  • JavaScript的函数库
  • 学习标准——笔记
  • python搜索引擎网络爬虫
  • js深度拷贝的方法
  • js indexof undefined
  • angularjs教程
  • js如何使用
  • 你需要知道的21个本质
  • javascript下拉列表怎么做
  • javascript的主要功能
  • android多个dex
  • 无锡税务举报网站
  • python excel库哪个好
  • 国有企业租赁经营 河北省
  • 地方税务局受谁领导
  • 村副主任有什么要求
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设