js apply实现

apply 方法的基本概念

apply 是 JavaScript 中函数对象的一个方法，用于调用函数并指定函数的 this 值和参数列表。它的语法如下：

function.apply(thisArg, [argsArray])

thisArg 是函数运行时使用的 this 值，argsArray 是一个数组或类数组对象，包含传递给函数的参数。

手动实现 apply 方法

可以通过以下步骤手动实现 apply 方法：

Function.prototype.myApply = function(context, argsArray) {
    context = context || window;
    const fn = Symbol('fn');
    context[fn] = this;
    const result = context[fn](...argsArray);
    delete context[fn];
    return result;
};

实现步骤解析

1. 绑定上下文：
   将函数的 this 值绑定到传入的 context 对象。如果未传入 context，默认使用全局对象（浏览器中为 window）。

2. 临时存储函数：
   使用 Symbol 创建一个唯一的属性名，避免覆盖 context 对象的原有属性。

3. 执行函数：
   将函数作为 context 的方法调用，并传入参数数组 argsArray。

4. 清理临时属性：
   删除临时添加到 context 对象上的函数属性。

5. 返回结果：
   返回函数调用的结果。

示例代码

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

const person = { name: 'Alice' };

greet.myApply(person, ['Hello']); // 输出: Hello, Alice!

注意事项

• 参数处理：
  如果 argsArray 未提供或为 null/undefined，函数调用时不传入任何参数。

• 严格模式：
  在严格模式下，thisArg 为 null 或 undefined 时，this 不会自动指向全局对象。

• Symbol 兼容性：
  如果环境不支持 Symbol，可以使用随机字符串作为临时属性名。

与 call 方法的区别

apply 和 call 的功能类似，区别在于参数传递方式：

• apply 接受参数数组。
• call 接受参数列表。

greet.call(person, 'Hello'); // call 使用参数列表
greet.apply(person, ['Hello']); // apply 使用参数数组