javascript简单链式调用案例分析
程序员文章站
2024-01-28 19:42:52
本文实例讲述了javascript简单链式调用方法。分享给大家供大家参考,具体如下:
jquery用的就是链式调用。像一条连接一样调用方法。
链式调用的核心就是retu...
本文实例讲述了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程序设计有所帮助。