js 实现call
实现 call 方法
在 JavaScript 中，call 方法用于显式绑定函数的 this 值，并立即调用该函数。以下是手动实现 call 的方法：
Function.prototype.myCall = function(context, ...args) {
context = context || window;
const fn = Symbol('fn');
context[fn] = this;
const result = context[fn](...args);
delete context[fn];
return result;
};实现步骤解析
-
绑定上下文
检查传入的context是否存在，如果不存在则默认绑定到全局对象（如浏览器中的window）。 -
创建唯一属性
使用Symbol创建一个唯一的属性键，避免覆盖context上的原有属性。 -
调用函数
将当前函数（this）赋值给context的唯一属性，并通过context[fn]调用函数，确保this指向context。 -
清理与返回结果
删除临时添加的属性，并返回函数调用的结果。
使用示例
function greet(message) {
return `${message}, ${this.name}!`;
}
const person = { name: 'Alice' };
console.log(greet.myCall(person, 'Hello')); // 输出: "Hello, Alice!"注意事项
-
参数处理
使用剩余参数...args收集所有传入的参数，确保支持多参数传递。 -
严格模式
在严格模式下，context为null或undefined时不会自动替换为全局对象，需根据需求调整逻辑。 -
Symbol 兼容性
如果环境不支持Symbol，可以使用随机字符串或时间戳作为临时属性键，但需注意命名冲突风险。
