位置: 编程技术 - 正文
学习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;)，
我首先需要把这个$函数改为一个工厂方法，它负责创建支持链式调用的对象。这个函数应该能接受元素数组形式的参数，以便我们能够使用与原来一样的公用接口。这样以来，它就具有了进行链式调用的能力。
改造后如下：
在最后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 转载请保留说明！
