call 和 apply 可模拟动态代理：运行时指定 this 并传参执行目标函数；call 适合固定参数显式调用，apply 适合数组参数动态调用；结合闭包可封装通用代理函数，实现日志、校验等逻辑，但不同于 Proxy API 的对象级拦截。
JavaScript 中的 call 和 apply 本身不是代理机制，但可以用来**模拟动态代理方法调用的核心行为**：在运行时指定 this 上下文，并传入参数执行目标函数。结合闭包或高阶函数，就能实现轻量、灵活的“代理式”调用控制。
用 call 实现带上下文和固定参数的代理调用
当你知道参数个数且希望显式控制 this 和每个参数时，call 最直接：
function proxyCall(target, context, ...args) {
return target.call(context, ...args);
}
// 示例
const obj = { value: 42 };
function greet(greeting, punctuation) {
return `${greeting}, I'm ${this.value}${punctuation}`;
}
const result = proxyCall(greet, obj, 'Hello', '!'); // "Hello, I'm 42!"
说明：
-
target是被代理的原始函数 -
context决定函数内this指向 -
...args作为独立参数依次传入（不打包）
用 apply 实现参数数组驱动的动态代理
当参数以数组形式存在（如从事件、配置或用户输入中获取），apply 更自然：
立即学习“Java免费学习笔记（深入）”；
function proxyApply(target, context, argsArray) {
return target.apply(context, argsArray);
}
// 示例：参数来自外部数组
const params = ['Hi', '?'];
const result2 = proxyApply(greet, obj, params); // "Hi, I'm 42?"
说明：
-
argsArray必须是类数组或真数组 - 适合参数数量不确定、需运行时拼装的场景
- ES6 后多数情况可用
call+ 展开运算符替代，但apply在处理arguments对象时仍有优势
封装通用代理函数：支持 call/apply 切换
一个更实用的模式是创建可复用的代理工厂，自动适配调用方式：
function createProxy(fn, context) {
return function(...args) {
// 可在此插入日志、校验、重试等代理逻辑
console.log('Proxying call with', args);
return fn.apply(context, args);
};
}
const proxiedGreet = createProxy(greet, obj);
proxiedGreet('Hey', '.'); // "Hey, I'm 42."
关键点：
- 返回的新函数保留了对原函数和上下文的引用
- 所有调用都统一走
apply，兼容任意参数长度 - 代理逻辑（如监控、转换）可集中写在包装函数内部
注意：这不是 Proxy API，但可与之互补
ES6 的 Proxy 提供更完整的代理能力（拦截 get、apply、construct 等），而 call/apply 是函数调用层面的工具：
- 用
call/apply实现的是「函数调用代理」——控制某次执行的this和参数 - 用
new Proxy()实现的是「对象行为代理」——拦截对整个对象的操作 - 两者可组合：例如在
Proxy的apply捕获器里，再用call或apply转发调用
