call实现 js
在 JavaScript 中实现 call 方法
call 是 JavaScript 中函数原型的一个方法，用于显式绑定函数的 this 值并立即调用该函数。以下是手动实现 call 方法的步骤：
实现原理
- 将目标函数作为上下文对象的一个属性。
- 调用该属性对应的函数，传递参数。
- 删除临时添加的属性。
- 返回函数执行结果。
代码实现
Function.prototype.myCall = function(context, ...args) {
// 如果 context 为 null 或 undefined，默认指向全局对象（浏览器中为 window）
context = context || window;
// 创建一个唯一的 Symbol 键，避免属性冲突
const fnKey = Symbol();
// 将当前函数（this）赋值给 context 的临时属性
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' };
// 原生 call 方法
greet.call(person, 'Hello'); // 输出: Hello, Alice!
// 自定义 myCall 方法
greet.myCall(person, 'Hi'); // 输出: Hi, Alice!关键点说明
this的绑定：函数中的this指向调用时的上下文对象（context）。- 参数处理：使用剩余参数
...args收集所有传入的参数。 - 兼容性处理：当
context为null或undefined时，默认指向全局对象（非严格模式下）。
通过这种方式，可以模拟原生 call 方法的行为，实现显式绑定 this 的功能。
