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;
  }
}
相关推荐
LongJ_Sir2 小时前
Cesium--可拖拽气泡弹窗(Vue3版)
javascript
跟着珅聪学java2 小时前
JavaScript 中定义全局变量的教程
javascript
午安~婉3 小时前
整理知识点
前端·javascript·vue
向前V3 小时前
Flutter for OpenHarmony数独游戏App实战:底部导航栏
javascript·flutter·游戏
人道领域3 小时前
JavaWeb从入门到进阶(javaScript)
开发语言·javascript·ecmascript
军军君013 小时前
Three.js基础功能学习十二:常量与核心
前端·javascript·学习·3d·threejs·three·三维
不绝1913 小时前
C#核心——面向对象:封装
开发语言·javascript·c#
27669582924 小时前
dy bd-ticket-guard-client-data bd-ticket-guard-ree-public-key 逆向
前端·javascript·python·abogus·bd-ticket·mstoken·ticket-guard
WX-bisheyuange4 小时前
基于SpringBoot的交通管理在线服务系统
前端·javascript·vue.js·毕业设计
WHOVENLY4 小时前
揭秘正则表达式的基础语法与应用
开发语言·javascript·正则表达式