js call实现
理解 call 方法的作用
call 是 JavaScript 中函数对象的一个内置方法，用于显式绑定函数的 this 值，并立即执行该函数。通过 call，可以指定函数运行时 this 的指向，并传递参数列表。
基本语法
function.call(thisArg, arg1, arg2, ...)thisArg：函数运行时绑定的this值。arg1, arg2, ...：传递给函数的参数列表（逗号分隔）。
实现自定义 call
以下是一个手动实现 call 的方法（Polyfill），展示其核心原理：
Function.prototype.myCall = function(thisArg, ...args) {
// 处理 thisArg 为 null 或 undefined 的情况（默认绑定到全局对象）
thisArg = thisArg || window;
// 避免属性名冲突，使用 Symbol 或唯一字符串作为临时属性
const fnKey = Symbol('tempFn');
thisArg[fnKey] = this; // 将当前函数绑定到 thisArg 上
// 执行函数，传递参数
const result = thisArg[fnKey](...args);
// 删除临时属性
delete thisArg[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绑定：通过将函数赋值给thisArg的一个临时属性，实现this的显式绑定。- 参数传递：使用剩余参数（
...args）接收动态参数列表。 - 清理临时属性：执行后删除临时属性，避免副作用。
边界情况处理
- 若
thisArg为原始值（如数字、字符串），需通过Object()装箱处理。 - 非严格模式下，
thisArg为null或undefined时自动绑定到全局对象（如window）。
对比 apply
call 与 apply 功能类似，区别在于参数传递方式：
call接受参数列表（逗号分隔）。apply接受参数数组。
应用场景
- 借用其他对象的方法（如数组方法处理类数组对象）。
- 明确指定
this的上下文（如事件回调或高阶函数中）。
通过手动实现 call，可以更深入理解 JavaScript 的 this 绑定机制。
