实现call js

在JavaScript中实现call方法

JavaScript中的call方法是Function原型上的一个方法，允许调用一个函数并指定其this值以及传入参数列表。

基本语法

function.call(thisArg, arg1, arg2, ...)

• thisArg：函数执行时的this值。
• arg1, arg2, ...：传递给函数的参数。

示例代码

function greet(message) {
    console.log(`${message}, ${this.name}`);
}

const person = { name: 'Alice' };
greet.call(person, 'Hello'); // 输出: Hello, Alice

手动实现call方法

可以通过扩展Function原型来实现自定义的call方法：

Function.prototype.myCall = function(context, ...args) {
    context = context || window; // 默认全局对象
    const fn = Symbol(); // 创建唯一键
    context[fn] = this; // 将函数绑定到上下文
    const result = context[fn](...args); // 执行函数
    delete context[fn]; // 清理临时属性
    return result;
};

// 使用示例
greet.myCall(person, 'Hi'); // 输出: Hi, Alice

关键点说明

• context是函数运行时指定的this值，默认为全局对象（浏览器中为window）。
• 使用Symbol确保临时属性名唯一，避免覆盖原有属性。
• 执行完成后删除临时属性，保持上下文对象的纯净。

应用场景

• 改变函数执行时的this指向。
• 实现对象方法的借用（如借用数组方法处理类数组对象）。