JavaScript 中如何改变 this 指针的指向？

JavaScript 中有几种方法可以改变 this 指针的指向：

1. 使用 `bind()` 方法：

bind() 方法创建一个新函数，调用时 this 的值会被指定为传递给 bind() 的第一个参数。
示例：

const obj = { name: 'Alice' };

function sayName() {
  console.log(this.name);
}

const boundFunction = sayName.bind(obj);
boundFunction(); // 输出：Alice

2. 使用 `call()` 或 `apply()` 方法：

call() 和 apply() 方法可以立即调用函数，可以传递一个指定的 this 值和参数列表。
call() 方法的参数是逐个传入的，而 apply() 方法接受一个数组作为参数。
示例：

const obj = { name: 'Bob' };

function sayName() {
  console.log(this.name);
}

sayName.call(obj); // 输出：Bob
sayName.apply(obj); // 输出：Bob

3. 使用箭头函数：

箭头函数不会改变 this 的指向，它会捕获函数声明时所处的上下文的 this 值。
示例：

const obj = { name: 'Charlie' };

const sayName = () => {
  console.log(this.name);
};

sayName.call(obj); // 输出：Charlie

4. 手动赋值：

可以手动赋值给一个变量，在需要时使用该变量。
示例：

const obj = { name: 'David' };

function sayName() {
  const self = this;
  function innerFunction() {
    console.log(self.name);
  }
  innerFunction();
}

sayName.call(obj); // 输出：David

这些方法可以根据需要来改变函数执行时的 this 指向，选择适当的方式取决于具体的情况和需求。

Was this helpful?

0 / 0

发表回复 0

x +

微信登录

隐藏

微信内打开可长按扫码一键登录

微信扫码

X