位置: 编程技术 - 正文

学习JavaScript设计模式(链式调用)(javascript教程chm)

编辑:rootadmin

推荐整理分享学习JavaScript设计模式(链式调用)(javascript教程chm),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:javascript怎么学,javascript课设,javascript课设,javascript教程chm,javascript课设,javascript教程chm,javascript教程chm,javascript设计,内容如对您有帮助,希望把文章链接给更多的朋友!

1、什么是链式调用这个很容易理解,例如:

一般的函数调用和链式调用的区别:调用完方法后,return this返回当前调用方法的对象。

2、分解链式调用

链式调用其实是两个部分:

1).操作对象(也就是被操作的DOM元素,如上例的$(this))

2).操作方法(具体要做什么事情,如上例的setStyle和show)

如何实现操作对象与操作方法

创建一般的$函数:

但是,如果把这个函数改造为一个构造器,把那些元素作为数组保存在一个实例属性中,并让所有定义在构造器函数的prototype属性所指对象中的方法都返回用以调用方法的那个实例的引用,那么它就具有了链式调用的能力。(说了这么多,就是在每个方法最后return this;),

我首先需要把这个$函数改为一个工厂方法,它负责创建支持链式调用的对象。这个函数应该能接受元素数组形式的参数,以便我们能够使用与原来一样的公用接口。这样以来,它就具有了进行链式调用的能力。

学习JavaScript设计模式(链式调用)(javascript教程chm)

改造后如下:

在最后return this,这就将调用方法的对象传给调用链上的下一个方法。

3、模拟jquery底层链式编程

4、使用回调函数从支持链式调用的方法获取数据

链式调用很适合于赋值器方法,但对于取值器方法,就不方便了,因为每个方法返回的都是this啊。

不过,变通的方法还是有的,那就是回调函数。

未使用回调函数时

使用回调函数时

在使用回调函数时候callback.call(this, name)在一般情况下是没问题的,但是,这个例子偏偏用到了console.log,那么就有问题了。原因是console的this是指向console而不是winodw。

这个问题也很好解决。如下:

链式调用这种风格有助于简化代码的编写工作,让代码更加简洁、易读,同时也避免多次重复使用一个对象变量,希望大家可以熟练掌握。

js实现延时加载Flash的方法 本文实例讲述了js实现延时加载Flash的方法。分享给大家供大家参考,具体如下:当页面中包含自动播放视频的flash播放器时,flash的流媒体播放会一直不

Javascript BOM学习小结(六) 1、BOM简介。所谓的BOM即浏览器对象模型(BrowserObjectModel)。BOM赋予了JS操作浏览器的能力,即window操作。DOM则用于创建删除节点,操作HTML文档。BOM尚无

Javascript模仿淘宝信用评价实例(附源码) 本文实例讲述了Javascript模仿淘宝信用评价实现方法。分享给大家供大家参考,具体如下:老板昨天开会说:要给公司的购物平台增加信用评价功能,用户

标签: javascript教程chm

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

上一篇:学习JavaScript设计模式(继承)(javascript怎么学)

下一篇:js实现延时加载Flash的方法(js延时加载方式)

  • 小规模纳税人开专票税率是1%还是3%
  • 税友财务软件一年多少钱
  • 企业所得税的起征点
  • 留抵税额下月抵扣的分录
  • 个人名字的发票专用章
  • 个体户免税金额现在是多少
  • 预付开发票加油后还能开吗
  • 增值税包括哪些内容
  • 10个税点怎么计算公式
  • 预缴增值税 进项税扣除
  • 6个点的税率怎么算的
  • 增值税零申报附加税怎么报
  • 个人签租车协议有法律效力吗
  • 购买土地什么时候缴纳契税
  • 新会计准则开办费装修费计入什么科目
  • 出租车公司给车都上什么保险
  • 新成立公司注资流程
  • 劳务派遣差额征税会计分录
  • 怎么通过合并弥补亏损,使得利益最大化?
  • 补发工资补缴公积金一直没到账
  • 建筑公司一般纳税人增值税税率
  • 房屋产权无偿赠与合同范本
  • 未开发票的结算款怎么入账?
  • 交易性金融资产公允价值变动计入
  • 如何在win10中同步我的设置
  • 违约方能否要求返还价款
  • 独立账户负债核算内容
  • 农业公司的会计分录
  • rtx3090 rtx titan
  • win10蓝屏错误怎么办
  • ghost后分区没有了
  • 电脑每次开机都要选择系统怎么办
  • Win11 Build10.0.22000.51预览版正式推送 (附完整更新日志)
  • sessmgr.exe - sessmgr是什么进程 有什么用
  • 项目中的问题
  • vue3封装axios
  • canvas软件教程
  • 目标检测算法有哪些
  • php的运行环境有哪些
  • 滴滴出行发票税率是多少
  • 个人所得税汇算清缴时间
  • 怎么查看python
  • 年末需暂估已发生的费用吗
  • 个体户开票超过多少认定为小规模
  • 单位销售收入不包括哪些
  • 结转本月应交增值税
  • 当月减少的固定资产为什么计提折旧
  • mysql导出用户和权限
  • 经营活动的现金流量占全部现金流量的比重越大
  • 资本公积的账务处理例题
  • 资产减值准备怎么提
  • 应收款钱已收回会计分录
  • 无进项发票开具销项发票
  • 车辆购置税是怎么计算的
  • 破产清算的程序特点
  • 实物投资的会计科目
  • 可以先注销银行信用卡吗
  • 发票已开的情况下不确认收入可以吗?
  • Win10系统安装包
  • centos7 cp
  • 电脑英伟达控制面板在哪
  • win10version最新版本
  • win8系统如何关闭杀毒系统
  • redhat linux 7.2系统安装详细过程
  • cocos2dx入门
  • bat批处理命令大全
  • python双循环题
  • github 最火的项目
  • dos命令怎么输入命令
  • unity中time.time
  • js获取父级元素
  • node.js入门经典pdf
  • js给图片加水印
  • js菜鸟编程
  • jQuery ajax请求返回list数据动态生成input标签,并把list数据赋值到input标签
  • ios异步加载图片
  • android 发短信
  • jquery提交
  • 广告轮播图片素材
  • android高级开发实战------ui、ndk与安全
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设