JS 实现链式调用

什么是链式调用?

链式调用(Chaining Method Calls)是一种编程技巧,即连续调用一个类中的多个方法,比如

js 复制代码
// 创建一个计算机对象实例
const calc = new Calculator();
// 使用链式调用 add 方法,实现连续累加
const result = calc.add(1).add(2).result;

console.log(result); // 输出:3

技术要点

支持链式调用的对象方法,必须返回对象自身(以便后续继续调用对象方法)

代码实现

js 复制代码
// 声明类 Calculator - 计算器
class Calculator {
  // 创建对象实例时,初始化属性 result 的值为 0
  constructor() {
    this.result = 0;
  }

  // 对象方法-add 求和
  add(num) {
    this.result += num;
    // 返回当前对象,以支持链式调用
    return this;
  }
}
相关推荐
TAEHENGV12 分钟前
导入导出模块 Cordova 与 OpenHarmony 混合开发实战
android·javascript·数据库
GISer_Jing17 分钟前
交互式圣诞树粒子效果:手势控制+图片上传
前端·javascript
放逐者-保持本心,方可放逐31 分钟前
PDFObject 在 Vue 项目中的应用实例详解
前端·javascript·vue.js
捻tua馔...1 小时前
mobx相关使用及源码实现
开发语言·前端·javascript
cypking1 小时前
解决 TypeScript 找不到静态资源模块及类型声明问题
前端·javascript·typescript
澄江静如练_1 小时前
侦听器即watch
前端·javascript·vue.js
console.log('npc')2 小时前
vue3文件上传弹窗,图片pdf,word,结合预览kkview
前端·javascript·vue.js·pdf·word
BD_Marathon2 小时前
Router_路由传参
前端·javascript·vue.js
Dreamcatcher_AC2 小时前
前端面试高频13问
前端·javascript·vue.js
AI陪跑2 小时前
深入剖析:GrapesJS 中 addStyle() 导致拖放失效的问题
前端·javascript·react.js