call实现 js
实现 JavaScript 的 call 方法
JavaScript 的 call 方法用于显式绑定函数的 this 值，并立即执行函数。以下是手动实现 call 的核心逻辑：
Function.prototype.myCall = function(context, ...args) {
context = context || window; // 默认绑定全局对象
const fnKey = Symbol(); // 避免属性名冲突
context[fnKey] = this; // 将函数绑定到上下文对象
const result = context[fnKey](...args); // 执行函数
delete context[fnKey]; // 清理临时属性
return result; // 返回执行结果
};使用示例
function greet(message) {
console.log(`${message}, ${this.name}!`);
}
const person = { name: "Alice" };
greet.myCall(person, "Hello"); // 输出: "Hello, Alice!"关键点解析
- 上下文绑定：通过将函数临时赋值为目标对象的属性，实现
this的动态绑定 - 参数处理：使用剩余参数
...args收集所有传入参数 - 内存管理：使用
Symbol()避免污染目标对象的属性，执行后立即删除临时属性 - 默认值处理：当未传入上下文时默认使用全局对象（浏览器中为
window）
与原生 call 的差异
- 更简单的错误处理（原生
call对非对象上下文有特殊处理） - 使用现代语法（剩余参数代替
arguments对象） - 通过
Symbol避免属性冲突（原生实现可能使用内部机制）
兼容性优化版本
如需支持旧版 JavaScript 环境，可用以下实现：
Function.prototype.myCall = function(context) {
context = context || window;
var args = [];
for (var i = 1; i < arguments.length; i++) {
args.push('arguments[' + i + ']');
}
context._fn = this;
var result = eval('context._fn(' + args.join(',') + ')');
delete context._fn;
return result;
};
