js实现apply函数
实现 apply 函数
在 JavaScript 中，apply 是函数原型上的一个方法，用于调用函数并指定 this 值和参数数组。以下是手动实现 apply 的方法：
Function.prototype.myApply = function(context, argsArray) {
context = context || window;
const fnSymbol = Symbol('fn');
context[fnSymbol] = this;
const result = context[fnSymbol](...argsArray);
delete context[fnSymbol];
return result;
};实现说明
-
绑定上下文
将函数的this绑定到传入的context对象上。如果未传入context，默认使用全局对象（浏览器中为window）。 -
临时属性存储函数
使用Symbol创建一个唯一的属性名，避免覆盖context上的原有属性。将当前函数（this）存储到context的这个属性中。 -
调用函数并传递参数
通过展开运算符...将参数数组argsArray展开为参数列表，调用函数。 -
清理临时属性
删除临时添加的属性，避免污染context对象。 -
返回结果
返回函数调用的结果。
使用示例
function greet(greeting, punctuation) {
return `${greeting}, ${this.name}${punctuation}`;
}
const person = { name: 'Alice' };
console.log(greet.myApply(person, ['Hello', '!'])); // 输出: "Hello, Alice!"注意事项
- 如果
argsArray未提供或不是数组类型，需要处理为默认空数组。 - 使用
Symbol可以避免属性名冲突，如果环境不支持Symbol，可以用随机字符串代替。 - 严格模式下，未指定
context时this为undefined，需额外处理。
通过这种方式，可以手动实现 apply 的核心功能，理解函数调用的 this 绑定机制。
