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;
  }
}
相关推荐
知行力26 分钟前
【GitHub每日速递 20251209】Next.js融合AI,让draw.io图表创建、修改、可视化全靠自然语言!
javascript·人工智能·github
REDcker28 分钟前
JS 与 C++ 语言绑定技术详解
开发语言·javascript·c++
zlpzlpzyd36 分钟前
vue.js 3中全局组件和局部组件的区别
前端·javascript·vue.js
浩星1 小时前
css实现类似element官网的磨砂屏幕效果
前端·javascript·css
一只小风华~1 小时前
Vue.js 核心知识点全面解析
前端·javascript·vue.js
2022.11.7始学前端1 小时前
n8n第七节 只提醒重要的待办
前端·javascript·ui·n8n
徐小夕1 小时前
知识库创业复盘:从闭源到开源,这3个教训价值百万
前端·javascript·github
xhxxx1 小时前
函数执行完就销毁?那闭包里的变量凭什么活下来!—— 深入 JS 内存模型
前端·javascript·ecmascript 6
L、2181 小时前
统一日志与埋点系统:在 Flutter + OpenHarmony 混合架构中实现全链路可观测性
javascript·华为·智能手机·electron·harmonyos
十一.3662 小时前
103-105 添加删除记录
前端·javascript·html