JavaScript 链式调用

A 风

于 2023-02-27 15:12:42 发布

阅读量94

点赞数

分类专栏： javascript web缓存 npm包文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/gxdzi/article/details/129242490

版权

javascript 同时被 3 个专栏收录

91 篇文章 0 订阅

订阅专栏

web缓存

46 篇文章 0 订阅

订阅专栏

npm包

25 篇文章 0 订阅

订阅专栏

文章介绍了链式调用的概念，通过一个Person构造函数示例，展示了如何在构造函数内部创建方法并使用returnthis实现链式调用。例如，创建一个Person对象后，可以连续调用sayHi和modifyName方法来修改和打印名字。

摘要由CSDN通过智能技术生成

链式调用
原理：在构造函数中创建方法时，return this 返回当前调用方法的对象，可以实现链式调用方法。

function Person(name) {
  this.name = name

  this.sayHi = function() {
    console.log(this.name)
    return this
  }

  this.modifyName = function(name) {
    this.name = name
    return this
  }
}

var person = new Person('IU')

person
  .sayHi()
  .modifyName('UI')
  .sayHi()
// IU
// UI
// Person { name: 'UI', sayHi: f, modifyName: f }