javascript 链式调用

最新推荐文章于 2025-06-10 09:17:50 发布

原创最新推荐文章于 2025-06-10 09:17:50 发布 · 2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#链式调用 #javascript

JS 专栏收录该内容

45 篇文章

订阅专栏

本文介绍了JavaScript中实现链式调用的方法，通过构造函数和原型链，使多个方法可以连续调用，提高了代码的可读性和连贯性。同时，展示了如何利用Function.prototype方法来扩展jQuery式的链式调用，提供了具体的代码实例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

javascript 链式调用

简单的链式调用

  function person() {

            this.run = function () {
                console.log("跑了");
                return this;

            };
            this.eat = function () {
                console.log("吃了");
                return this;
            }
        }

        var p = new person();
        p.run().eat();

一个链式调用的例子

 Function.prototype.method=function (name,fn) {
            this.prototype[name] = fn;
            return this;
        };
        function _$() {};
        _$.onready = function (fn) {
            window.$ = function () {
                return new _$(arguments);
            };
            fn();
        };

        _$.method("click",function (fn) {
            fn();
        }).method("change",function (fn) {
            fn();
        }).method("load",function (fn) {
            fn();
        });

        //使用
        _$.onready(function () {
            $().change(function () {
                console.log("改变了");
            })
        });