javascript简单链式调用案例分析
2017-05-10 09:50
741 查看
本文实例讲述了javascript简单链式调用方法。分享给大家供大家参考,具体如下:
jQuery用的就是链式调用。像一条连接一样调用方法。
链式调用的核心就是
return this;,每个方法都返回对象本身。
下面是简单的模拟jQuery的代码:
<script> window.$ = function (id) { return new _$(id); } function _$(id) { this.elements = document.getElementById(id); } _$.prototype = { constructor: _$, hide: function () { console.log('hide'); return this; }, show: function () { console.log('show'); return this; }, getName: function (callback) { if (callback) { callback.call(this, this.name); } return this; }, setName: function (name) { this.name = name; return this; } } $('test').setName('helloworld').getName(function (name) { console.log(name); }).show().hide().show().hide().show(); </script>
运行效果图如下:
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript数据结构与算法技巧总结》、《JavaScript数学运算用法总结》、《JavaScript排序算法总结》、《JavaScript遍历算法与技巧总结》、《JavaScript查找算法技巧总结》及《JavaScript错误与调试技巧总结》
希望本文所述对大家JavaScript程序设计有所帮助。
您可能感兴趣的文章:
- 学习JavaScript设计模式(链式调用)
- JavaScript DSL 流畅接口(使用链式调用)实例
- JS链式调用的实现方法
- JavaScript中链式调用之研习
- JavaScript中两种链式调用实现代码
- Javascript 链式调用实现代码(参考jquery)
- javascript中的链式调用
- javascript 支持链式调用的异步调用框架Async.Operation
- JavaScript 异步调用框架 (Part 4 - 链式调用)
- 让JavaScript中setTimeout支持链式操作的方法
- JavaScript对象链式操作代码(jquery)
- JavaScript 对象链式操作测试代码
相关文章推荐
- javascript实现简单的链式调用
- Javascript链式调用案例
- javascript实现简单的链式调用
- Linux系统调用getuid的简单分析
- c#创建调用bat文件简单案例
- 【转】javascript链式调用的设计
- JavaScript调用浏览器打印功能实例分析
- JavaSE8基础 链式编程 调用方法返回对象再调方法 简单示例
- javascript-解析xml文件-在html中实现二级联动分析及案例
- javascript学习(10)——[知识储备]链式调用
- php调用axis2 webservice简单案例
- JavaScript:new 一个函数和直接调用函数的区别分析
- 从最简单的add函数调用过程分析函数栈桢创建和销毁的过程
- Javascript原型链式模型分析
- wpf下利用aforge,wpfmediakit和wincap调用usb摄像头简单分析
- 在java web项目中调用c++程序简单案例
- Javascript 链式运动框架——逐行分析代码,让你轻松了运动的原理
- javascript链式调用的实现方式
- Hessian实现远程调用的简单案例
- 三层架构简单案例分析