如何实现JS链式调用方法

最新推荐文章于 2025-11-11 22:31:25 发布

原创最新推荐文章于 2025-11-11 22:31:25 发布 · 2.3k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript

学习总结专栏收录该内容

21 篇文章

订阅专栏

本文介绍了一种在JavaScript中实现链式调用的方法，通过在原型方法中返回this，使得方法可以像jQuery那样连续调用。示例展示了如何在自定义的User对象中实现getName和getAge方法的链式调用。该方式虽然提高了代码的可读性和紧凑性，但在调试时可能增加难度。

只需在方法调用后返回this即可

    var user = function(name, age) {
      this.name = name;
      this.age = age;
    };
    user.prototype.getName = function() {
      console.log(this.name);
      return this;
    };
    user.prototype.getAge = function() {
      console.log(this.age);
      return this;
    };
    var user1 = new user("zjf", 22);
    user1.getName().getAge();

优点：可以像jQuery一样方便书写

缺点：在调试的时候，不容易找到错误点，即不利于维护