Rumah >hujung hadapan web >tutorial js >怎么实现链式调用jQuery插件

怎么实现链式调用jQuery插件

anonymity
anonymityasal
2019-05-24 14:16:512745semak imbas

实现链式调用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;
    }
}

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

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

Atas ialah kandungan terperinci 怎么实现链式调用jQuery插件. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:jQuery如何通过文本找到元素Artikel seterusnya:vue-router是什么