Return objects to enable chaining of functions

最新推荐文章于 2025-07-06 14:42:21 发布

转载最新推荐文章于 2025-07-06 14:42:21 发布 · 302 阅读

web前端专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种在面向对象的JavaScript中实现方法链的方法。通过在每个方法末尾返回当前对象，可以连续调用对象上的多个方法，提高了代码的可读性和简洁性。

When creating functions on an object in Object Oriented Javascript, returning the object in the function will enable you to chain functions together.

function Person(name) {
  this.name = name;

  this.sayName = function() {
    console.log("Hello my name is: ", this.name);
    return this;
  };

  this.changeName = function(name) {
    this.name = name;
    return this;
  };
}

var person = new Person("John");
person.sayName().changeName("Timmy").sayName();