当前位置：首页 > JavaScript

js实现apply

2026-01-31 21:56:41JavaScript

js实现apply

JavaScript 实现 apply 方法

apply 是 JavaScript 中函数的一个内置方法，用于调用函数并指定 this 的值和参数数组。以下是手动实现 apply 的方法：

核心实现步骤

定义一个 myApply 方法，模拟原生 apply 的功能。核心思路是通过将函数作为对象的属性调用，从而绑定 this。

Function.prototype.myApply = function(context, argsArray) {
    // 确保 context 存在，默认指向全局对象（浏览器中为 window）
    context = context || window;

    // 将当前函数（this）作为 context 的一个属性
    const fnSymbol = Symbol('fn');
    context[fnSymbol] = this;

    // 调用函数并传入参数数组
    const result = context[fnSymbol](...argsArray);

    // 删除临时属性
    delete context[fnSymbol];

    return result;
};

使用示例

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

const person = { name: 'Alice' };

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

// 自定义 myApply
greet.myApply(person, ['Hi', '!']); // 输出: Hi, Alice!

边界情况处理

参数为 null 或 undefined：this 默认指向全局对象。
非数组参数：需要检查 argsArray 是否为数组或类数组对象。

Function.prototype.myApply = function(context, argsArray) {
    context = context || globalThis; // 兼容 Node.js 和浏览器环境

    // 检查 argsArray 是否为数组或类数组
    if (argsArray && !Array.isArray(argsArray)) {
        throw new TypeError('Arguments must be an array or array-like object');
    }

    const fnSymbol = Symbol('fn');
    context[fnSymbol] = this;
    const result = argsArray ? context[fnSymbol](...argsArray) : context[fnSymbol]();
    delete context[fnSymbol];
    return result;
};