如何利用闭包实现链式调用 (Chaining)：在函数返回中保留原始上下文-js教程-PHP中文网

闭包实现链式调用的核心是每次调用返回一个封闭初始上下文的新函数或对象，通过闭包保存私有状态，各方法返回自身（this）或同类闭包以维持链式；需避免状态共享与this丢失，异步场景可结合promise延续闭包上下文。

闭包实现链式调用的核心，是让每次函数调用都返回一个“仍持有原始数据和方法”的新函数（或对象），从而支持连续点号调用。关键不在返回普通值，而在返回一个能继续调用的、封闭了初始上下文的结构。

用闭包包裹状态，返回可继续调用的函数

最轻量的方式是让主函数返回一个闭包函数，该函数内部始终访问外层函数捕获的变量（如数值、配置、缓存等），同时自身也支持链式调用——即它也返回自己或另一个同类闭包。

外层函数接收初始参数（如初始值、配置对象），并将其封入闭包作用域
返回的闭包函数处理操作（如加、乘、过滤），更新或使用闭包内状态，并返回自身（return this）或一个新的闭包
为支持链式，该闭包需具备同名方法（如 .add()、.multiply()），且每个方法都返回闭包本身

示例（纯函数风格）：

const chain = (value) => {
  const ops = { value };
  const closure = (v) => {
    ops.value = v;
    return closure;
  };
  closure.add = (n) => { ops.value += n; return closure; };
  closure.multiply = (n) => { ops.value *= n; return closure; };
  closure.valueOf = () => ops.value; // 支持 +、console.log 自动解包
  return closure;
};
<p>chain(5).add(3).multiply(2).valueOf(); // → 16</p>

返回带方法的对象（更常见、易读）

比起返回裸函数，返回一个对象更直观。该对象所有方法共享同一个闭包环境（如私有 data、options），每个方法执行后都返回 this，形成自然链式。

构造函数或工厂函数初始化私有状态，不暴露给外部
返回的对象方法全部定义在闭包内，可自由读写私有变量
每个方法末尾 return this，确保下一次调用仍是同一上下文

示例（类数组操作链）：

AI舌诊面诊问诊医疗系统+诊疗商城系统源码

下载

const list = (arr = []) => {
  const data = [...arr];
  return {
    push: (item) => { data.push(item); return this; },
    map: (fn) => { data.forEach((v, i) => data[i] = fn(v)); return this; },
    filter: (pred) => { for (let i = data.length - 1; i >= 0; i--) if (!pred(data[i])) data.splice(i, 1); return this; },
    value: () => [...data]
  };
};
<p>list([1,2,3]).push(4).map(x => x * 2).filter(x => x > 5).value(); // → [8, 12]</p>