位置: 编程技术 - 正文

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

编辑:rootadmin

推荐整理分享深入解析jQuery中Deferred的deferred.promise()方法(jquery源码解析),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery原理解析,jquery解析表单数据的方法,jquery解析html文本,jquery解析表单数据的方法,jquery解析html文本,jquery 解析json,jquery 解析json,jquery原理解析,内容如对您有帮助,希望把文章链接给更多的朋友!

deferred.promise() 和 .promise()

这两个API语法几乎一样,但是有着很大的差别。deferred.promise()是Deferred实例的一个方法,他返回一个Deferred.Promise实例。一个Deferred.Promise对象可以理解为是deferred对象的一个视图,它只包含deferred对象的一组方法,包括:done(),then(),fail(),isResolved(), isRejected(), always(),这些方法只能观察一个deferred的状态,而无法更改deferred对象的内在状态。这非常适合于API的封装。例如一个deferred对象的持有者可以根据自己的需要控制deferred状态的状态(resolved或者rejected),但是可以把这个deferred对象的Promise对象返回给其它的观察者,观察者只能观察状态的变化绑定相应的回调函数,但是无法更改deferred对象的内在状态,从而起到很好的隔离保护作用。

deferred.promise()

deferred.promise()也可以接受一个object参数,此时传入的object将被赋予Promise的方法,并作为结果返回。

deferred.promise() 只是阻止其他代码来改变这个 deferred 对象的状态。可以理解成,通过 deferred.promise() 方法返回的 deferred promise 对象,是没有 resolve ,reject, progress , resolveWith, rejectWith , progressWith 这些可以改变状态的方法,你只能使用 done, then ,fail 等方法添加 handler 或者判断状态。

deferred.promise() 改变不了 deferred 对象的状态,作用也不是保证目前的状态不变,它只是保证你不能通过 deferred.promise() 返回的 deferred promise 对象改变 deferred 对象的状态。如果我们这个地方直接返回 dtd,也是可以工作的,.done 的处理函数还是会等到 dtd.resolve() 之后才会执行.

具体在那篇博客的例子, 如果我们把代码改成如下的形式:

这样的执行结果和先前返回 dtd.promise 的结果是一样的。

差别在什么地方呢?如果我们把 $.when 的这块的代码改成这样的:

我们会发现 alert(“哈哈,成功了!”) 会立即执行,“执行完毕”却需要5秒后才弹出来。

但是如果我们 wait 函数最后是 return dtd.promise() 这里 d.resolve() 就会报错了,因为对象 d 不存在 resolve() 方法。

同样如果我们把代码改成:

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

我们也可以发现 alert(“哈哈,成功了!”) 会立即执行,因为 dtd 这个 deferred 对象在被传入 wait 之前,已经被 resolve() 了,而 deferred 对象一旦被 resolve 或者 reject 之后,状态是不会改变的。

然后我们再把 $.wait 这块的代码改成:

我们也会发现 alert(“哈哈,成功了!”); 被立即执行,虽然 wait(dtd) 执行的时候, dtd 还没有被 resolve,而且 wait 方法返回的是 dtd.promise(), 但是 dtd 这个原始的 deferred 对象是暴露在外面的,我们还是可以从外面改变它的状态。

于是,如果我们真的不想让其他代码能改变 wait 方法内部的 deferred 对象的状态,那我们应该写成这样:

也就是不要把 deferred 直接暴露出来,最后返回 deferred.promise() ,让其他地方的代码只能添加 handler 。

.promise()

首先这不是Deferred实例的方法!该方法是jQuery实例的方法。该方法用于一组类型的动作(例如动画)全部完成后返回一个Promise对象,供事件监听器监听其状态并执行相应的处理函数。

该方法接受两个可选参数:.promise( [type,] [target] )

type:队列的类型,默认值是fx,fx即jQuery对象的动画. targetObject :要赋予Promise行为的对象,

这两个参数是可选的。其中第一个参数(我)目前除了fx还没有找到其他的值类型。因此一般都是用于动画的监控,在动画完成后做一些操作。

例子:没有动画效果直接返回一个resolved状态的promise对象

例子:在动画效果全部完成后触发done()监听函数

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

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

Jquery ui datepicker设置日期范围,如只能隔3天【实现代码】 最近的后台项目前端使用了jqueryui日历控件自然就使用了jqueryui的datepicker后台数据比较好大,一般是千万级的和百万级的关联,查询会很慢,所以后加想

标签: jquery源码解析

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

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

下一篇:jQuery中队列queue()函数的实例教程(js 队列)

  • 为什么税务申报要补缴
  • 税务行政处罚是指
  • 计提业务提成怎么做账
  • 差额冲销
  • 分公司预缴企业所得税怎么算
  • 专用发票压线了可以拒收吗
  • 出口退税逾期申报,需申报出口货物收汇情况表
  • 五金销售公司
  • 内控制度包括哪些制度
  • 企业微信收款如何同步给别人
  • 私车公用产生的过路费怎么开发票
  • 应收账款处置损益
  • 个人所得税期末为负数审计调整
  • 国际货运代理免税
  • 税控盘证书密码一天可以输几次
  • 全面营改增后,某房地产开发企业需要缴纳哪种税,为什么
  • 销售淀粉的税率
  • 房地产企业综合税率是多少
  • 增值税差额征收企业所得税主营业务收入应按什么计入
  • 支付董事会成员津贴计入什么科目
  • 股东对外投资
  • 税务机关核定的计税价格是否含税
  • 预定机票如何正常退票
  • 进项税额加计抵减怎么做分录
  • 坏账损失企业所得税
  • Win10 64位正式版系统安装方法全过程图解(U大师)
  • php实现的跟QQ和MSN类似的BICQ v2.0.0
  • 抖音自动抢福袋挂机软件哪个好
  • dsm是什么文件
  • 关联企业承担什么责任
  • 国有土地出让收入分析报告
  • Dardanup郡的小矮人村,澳大利亚 (© Amanda Hughes/Alamy)
  • php中namespace use用法实例分析
  • 福利费需要缴税吗
  • vue更改数据
  • 【综述】分子预训练模型综述
  • Chatgpt私有化部署(全流程)
  • php生成zip压缩包
  • python jsdom
  • 公司的注册资本是什么意思
  • kafka gui
  • 考试费开什么发票税目
  • fortify 安装
  • css怎么制作
  • javagui框架
  • mongodb主从同步速度
  • 费用报销单里的类别怎么填
  • 应退或应补税额是负数
  • mysql数据库性能监控
  • 小规模增值税退税流程怎么操作
  • 溢价收购股权所得税税率
  • 按差额征税
  • 工会经费可以购买办公用品吗?
  • 固定资产为什么要提减值准备
  • 往年附加税退税怎么做
  • 发票的抵扣期限是多少天
  • 公司个人薪金怎么交税
  • 小企业如何建账报税
  • 如何远程连接小米摄像头
  • 海尔电脑优盘启动键
  • win7网页无法访问
  • windows7录音怎么录
  • 苹果mac系统中英文切换
  • Linux系统中文件的文件名存储在文件所在的目录
  • 快速锁定单元格的方法
  • windowsxp优点
  • centos安装rz命令
  • win10预览版好吗
  • linux修改时间和日期的方法
  • Access to the path "LibraryUnityAssembliesUnityEngine.xml" is denied.
  • 3d图形计算器
  • exec方法
  • android studio 新建项目只有.idea文件
  • Shell脚本监控日志 出现关键字 grep提醒
  • 禁止指定qq号登录怎么弄
  • 如何把多个文本文档合并成一个且分行不重叠
  • unity3d导出fbx文件
  • 地税编码哪里查
  • 国家税务局关于印花税若干具体问题的规定
  • 江西省企业社会保险费缴费指南
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设