js call方法实现
理解 call 方法的作用
call 是 JavaScript 中函数对象的一个内置方法，用于显式绑定函数的 this 值，并立即执行该函数。它允许在调用函数时指定 this 的上下文，并传递参数列表。
原生 call 方法示例
原生 call 的用法如下：
function greet(message) {
console.log(`${message}, ${this.name}`);
}
const person = { name: 'Alice' };
greet.call(person, 'Hello'); // 输出: "Hello, Alice"手动实现 myCall
以下是 call 方法的自定义实现（myCall）：
Function.prototype.myCall = function(context, ...args) {
// 若未传入 context，默认绑定全局对象（浏览器中为 window）
context = context || window;
// 将当前函数（this）作为 context 的一个临时方法
const fnSymbol = Symbol('fn');
context[fnSymbol] = this;
// 调用函数并保存结果
const result = context[fnSymbol](...args);
// 删除临时属性，避免污染对象
delete context[fnSymbol];
return result;
};使用示例
function showAge() {
console.log(`${this.name} is ${this.age} years old`);
}
const person = { name: 'Bob', age: 25 };
showAge.myCall(person); // 输出: "Bob is 25 years old"关键点说明
this绑定：通过将函数赋值给context的一个临时属性（使用Symbol避免命名冲突），实现this的动态绑定。- 参数处理：使用剩余参数
...args接收可变长度的参数列表。 - 清理临时属性：调用完成后删除临时属性，确保不修改原始对象。
边界情况处理
- 若
context为null或undefined，自动绑定到全局对象（严格模式下会报错，需额外处理）。 - 使用
Symbol避免属性名冲突，确保实现的安全性。
通过上述实现，可以深入理解 call 方法的核心机制：动态绑定 this 并立即执行函数。
