位置: 编程技术 - 正文

深入解析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 队列)

  • 哪些企业可以出2.2证书
  • 资产负债表库存为负数怎么调整
  • 跨年度进项税额转出怎么申报
  • 同一家单位发票不一样
  • 申报成功忘记清关怎么办
  • 财务报税表格
  • 小规模纳税人费用票怎么做账
  • 交强险发票备注的车船税怎么报销
  • 会计人士教你在Excel中如何计算年均增长率
  • 企业对外借款是怎么规定的
  • 专项资金怎么入账
  • 怎么用手撕胶带图解
  • 增值税专用发票和普通发票的区别
  • 个体户开票要交印花税?
  • 资产负债表中应收账款的计算公式
  • 收到员工补缴的公积金怎么入账
  • 工程类劳务发票
  • 企业接收股东划入资产作为收入处理有所得税差异吗
  • 定期存款利息收入怎么算
  • 加工费的会计处理
  • 软件 摊销
  • 汽车销售公司购买车辆会计科目
  • 公司资产报废处理请示
  • 公司绿化工程计入什么科目
  • 怎么更新电脑系统win10
  • 销售使用过的固定资产怎么填申报表
  • uniapp自定义组件模式
  • 海康工业相机彩色改黑白设置
  • uniapp使用高德地图创建多边形
  • layui 日期控件赋值
  • php请求https
  • 股东分红会计分录摘要
  • 其他权益工具投资属于什么科目
  • php plates
  • 销售费用凭证
  • 猿创部落科技有限公司
  • 毫米波雷达的硬件构成
  • 毕业设计基于plc的全自动包装机
  • vgextend命令作用及含义
  • xml 入门
  • react避免子组件更新
  • 涂料消费税征税范围
  • 商铺首次出租是不是要便宜些
  • vue3+ts+MicroApp实战教程
  • 股权转让是否需要全体股东签字
  • 工会赞助费
  • 收到银行本票计入什么科目
  • 盘亏存货可以转回来吗
  • 员工借款可以直接转账吗
  • 银行承兑汇票利息归谁
  • 往来款多了会怎么样
  • 规范的建账原则是什么
  • sql查询连续登录天数
  • xampp修改mysql默认密码的方法
  • windows锁定用户
  • Win7系统重装后开不了机
  • xp系统运行怎么打开
  • freebsd 编译
  • mac safemode
  • win8不能安装软件
  • win8自动进入桌面
  • windows8更新不了怎么办
  • linux测试软件
  • win7 64位旗舰版系统联网时提示0x80070002的解决方法
  • Win10预览版拆弹
  • Cocos2dx 3.2 + vs2012 + win7 改变面黑色背景的大小
  • javascript date函数
  • 基于socket的聊天程序
  • android EditText 需要输入文本时调不出来软键盘 解决方案(亲测有效)
  • nodejs跳转到指定页面
  • Node.js中的事件循环是什么意思
  • unity控制三维模型
  • python类属性和类方法
  • js类的静态属性
  • 物业公司收取的物业费用如何缴税
  • 企业注销结果查询
  • 上善若水 宁静致远,适合小学标语吗?
  • 美国纽约购物
  • 先进材料包括哪些行业
  • 国家税务总局河南税务局官网查询
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设