首页 > web前端 > js教程 > 正文

怎么实现链式调用jQuery插件

anonymity
发布: 2020-09-18 09:50:54
原创
2713 人浏览过

实现链式调用jQuery插件的方法:首先创建好对象,并调用自己的方法;然后在方法的末尾添加【return this】;最后把对象折返回来,这样对象就可以继续调用方法,从而实现链式操作了。

怎么实现链式调用jQuery插件

实现链式的基本条件就是要实例对象先创建好,调用自己的方法。

链式调用是通过return this的形式来实现的。通过对象上的方法最后加上return this,把对象再返回来,对象就可以继续调用方法,实现链式操作了。

Obj().init().setFlag();
登录后复制

分解:

obj = Obj();
obj.init();
obj.setFlag();
登录后复制

如果需要链式的处理,只需要在方法内部返回当前的这个实例对象this就可以了,因为返回当前实例的this,就又可以访问自己的原型了。

Obj.prototype = {
init: function() {
...
        return this;
    },
setFlag: function() {
...
        return this;
    }
}
登录后复制

链式调用的好处:节省代码量,代码看起来更优雅。

链式调用的问题:所有对象的方法返回的都是对象本身,也就是说没有返回值,所以这种方法不一定在任何环境下都适合。

以上是怎么实现链式调用jQuery插件的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板