怎么实现链式调用jQuery插件-木庄网络博客

本文摘自PHP中文网，作者anonymity，侵删。

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

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

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

1	`Obj().init().setFlag();`

分解：

obj = Obj();
obj.init();
obj.setFlag();

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

Obj.prototype = {
init: function() {
...
        return this;
    },
setFlag: function() {
...
        return this;
    }
}

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

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

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者