揭秘apply的奥秘，掌握多种this指向调整技巧

2023-11-24 14:06:43

apply()方法简介
apply() 方法允许您显式地将 this 指向绑定到任何对象，并用该对象调用该函数。其语法如下：

Function.apply(thisArg, [argsArray]);

thisArg：要绑定 this 的对象。
argsArray：一个参数数组，将传递给被调用的函数。

2. apply()方法的原理

apply() 方法的工作原理是将thisArg对象作为函数的第一个参数，并调用该函数。因此，在函数内部，this将指向thisArg对象。

3. apply()方法的应用场景

apply() 方法在 JavaScript 中有很多应用场景，以下是一些常见的例子：

改变对象的属性或方法。
调用构造函数来创建新对象。
绑定事件处理程序。
在另一个对象中调用函数。

4. apply()方法的示例

以下是一些使用 apply() 方法的代码示例：

// 将this指向绑定到window对象
function sayName() {
  console.log(this.name);
}

var person = {
  name: "John"
};

sayName.apply(person); // 输出：John

// 调用构造函数来创建新对象
function Person(name, age) {
  this.name = name;
  this.age = age;
}

var person1 = new Person("John", 30);

// 使用apply()方法创建新对象
var person2 = Person.apply({}, ["Mary", 25]);

console.log(person2.name); // 输出：Mary
console.log(person2.age); // 输出：25

// 绑定事件处理程序
function handleClick() {
  console.log(this.id);
}

var button = document.getElementById("myButton");

button.addEventListener("click", handleClick.apply(button));