通过 Proxy 动态拦截方法访问，使同一标识符（如 f3）既可作为带参 setter 调用（f3("Hello")），也可作为无参 getter 触发（f3.f2），全程保持链式调用不中断。
通过 proxy 动态拦截方法访问，使同一标识符（如 `f3`）既可作为带参 setter 调用（`f3("hello")`），也可作为无参 getter 触发（`f3.f2`），全程保持链式调用不中断。
在 JavaScript 类设计中，常需兼顾链式调用（fluent interface）与属性访问的简洁性。理想情况下，我们希望一个成员名（如 f3）既能接收参数执行逻辑（f3("Hello")），又能在无括号时自动触发默认行为（如返回当前实例或读取状态），且不破坏 .f1().f2().f3.f2() 这样的连续调用链。原生 class 无法直接支持“同名方法 + getter”，但可通过 Proxy 实现语义重载。
核心思路是：在构造函数中返回一个代理对象，拦截对所有属性的 get 访问；当访问的是函数属性时，返回一个二次代理函数——它本身可被调用（支持 f3("Hello")），同时其 get 拦截器会在被链式访问下（如 f3.f2）自动执行该函数（即 f3()），再将后续属性访问委托给原实例，从而延续链路。
以下是完整、健壮的实现：
class XYZ {
constructor() {
this.text = null;
// 创建代理实例，用于拦截所有属性访问
const instance = this;
const handler = {
get(target, prop) {
const value = target[prop];
// 若访问的是函数，则包装为可链式触发的代理函数
if (typeof value === 'function') {
const wrappedFn = function(...args) {
return value.apply(instance, args);
};
// 为该函数创建二级 Proxy：支持调用 + 支持属性访问
return new Proxy(wrappedFn, {
get(_, nextProp) {
// 当执行 f3.f2 时，先自动调用 f3()，再获取 f2
wrappedFn(); // 无参调用当前方法（等效于 getter 行为）
// 将后续访问转发给 instance（保持链式上下文）
return instance[nextProp];
}
});
}
return value;
}
};
return new Proxy(this, handler);
}
f1() {
console.log('f1 called');
return this;
}
f2() {
console.log('f2 called');
return this;
}
f3(txt = null) {
if (txt != null) {
this.text = txt;
this.show();
}
console.log('f3 called');
return this;
}
show() {
console.log('Current text:', this.text);
}
}使用示例：
立即学习“Java免费学习笔记（深入）”；
const obj = new XYZ();
// ✅ 带参调用：正常执行并传值
obj.f1().f2().f3("Hello").f1();
// ✅ 无参“getter”式调用：f3 自动执行（无参数），继续链式
obj.f1().f2().f3.f2.show();
// 输出：f1 called → f2 called → f3 called → f2 called → Current text: null
// ✅ 混合场景：f3("World") 后仍可继续链式
obj.f1.f3("World").f2.show();⚠️ 注意事项：
- 此方案依赖
Proxy，需确保运行环境支持（ES6+，Node.js ≥ 6.0 或现代浏览器）； -
f3的无参行为由wrappedFn()显式触发，因此其函数体应具备安全的无参执行能力（例如避免未定义变量或强制依赖参数）； - 不建议在
f3()内部执行副作用过强的操作（如网络请求），因其可能在用户仅想“读取”时意外触发； - 若需区分 getter/setter 语义（如
f3仅读、f3(val)仅写），可在f3内部通过arguments.length或typeof txt === 'undefined'判断，实现精准控制。
该模式本质是将“方法调用”升维为“可调用对象”，赋予其更灵活的访问语义，在构建 DSL、配置器或流式 API 时极具表现力。
