js call方法实现
call 方法的基本概念
call 是 JavaScript 中函数对象的一个内置方法，用于显式绑定函数的 this 值并立即调用函数。通过 call，可以指定函数执行时的上下文（即 this 的值），并传递参数列表。
call 方法的语法
function.call(thisArg, arg1, arg2, ...)thisArg：函数运行时绑定的this值。arg1, arg2, ...：传递给函数的参数列表。
实现自定义 call 方法
以下是一个模拟 call 方法实现的代码示例：
Function.prototype.myCall = function(thisArg, ...args) {
// 检查 thisArg 是否为 null 或 undefined，若是则默认绑定到全局对象（非严格模式）
thisArg = thisArg || window;
// 避免 thisArg 是原始值（如数字、字符串等），需转换为对象
thisArg = Object(thisArg);
// 创建一个唯一的属性名，避免覆盖原有属性
const fnKey = Symbol('fn');
// 将当前函数（this）绑定到 thisArg 的属性上
thisArg[fnKey] = this;
// 调用函数并传递参数
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）接收并传递参数列表。 - 原始值处理：通过
Object(thisArg)将原始值（如1、'str'）转换为对象。 - 避免属性冲突：使用
Symbol创建唯一属性名，防止覆盖thisArg的原有属性。
注意事项
- 严格模式下，
thisArg为null或undefined时，this会指向undefined，而非全局对象。 - 原生
call方法的性能更高，自定义实现仅用于理解原理。
