javascript简单链式调用案例分析
本文实例讲述了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设计模式》学习笔记四:Javascript面向对象程序设计链式调用实例分析
- 在JavaScript中实现链式调用的实现
- JavaScript的级联函数用法简单示例【链式调用】
- JavaScript链式调用实例浅析
- 学习JavaScript设计模式(链式调用)
- JavaScript DSL 流畅接口(使用链式调用)实例
- JS链式调用的实现方法
- JavaScript中两种链式调用实现代码
- javascript中的链式调用
- javascript 支持链式调用的异步调用框架Async.Operation
- JavaScript 异步调用框架 (Part 5 - 链式实现)
- 详解JavaScript中的链式调用
相关文章
基于JavaScript如何实现私有成员的语法特征及私有成员的实现方式
本文给大家介绍基于JavaScript如何实现私有成员的语法特征及私有成员的实现方式,涉及到javascript语法特征相关知识,对本文感兴趣的朋友快来一起学习吧2015-10-10原生JS实现风箱式demo,并封装了一个运动框架(实例代码)
下面小编就为大家带来一篇原生JS实现风箱式demo,并封装了一个运动框架(实例代码)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2016-07-07
最新评论