首页 >web前端 >js教程 >怎么实现链式调用jQuery插件

怎么实现链式调用jQuery插件

anonymity
anonymity原创
2019-05-24 14:16:512745浏览

实现链式调用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中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn