js改变this指向

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

使用bind()方法：bind()方法可以创建一个新函数，将它的this值绑定到指定的对象上，返回的函数可以在稍后的时候调用。例如：

const obj = {
  name: 'John',
  age: 30,
  greet() {
    console.log(`Hello, my name is ${this.name} and I'm ${this.age} years old.`);
  }
};

const otherObj = {
  name: 'Jane',
  age: 25
};

const boundFunc = obj.greet.bind(otherObj);
boundFunc(); // logs "Hello, my name is Jane and I'm 25 years old."

使用call()或apply()方法：call()和apply()方法也可以改变函数的this指向，但它们是直接调用函数并传递参数的方式。其中，call()方法传递的参数是一个一个传递的，而apply()方法传递的参数是一个数组。例如：

const obj = {
  name: 'John',
  age: 30,
  greet(greeting) {
    console.log(`${greeting}, my name is ${this.name} and I'm ${this.age} years old.`);
  }
};

const otherObj = {
  name: 'Jane',
  age: 25
};

obj.greet.call(otherObj, 'Hi'); // logs "Hi, my name is Jane and I'm 25 years old."
obj.greet.apply(otherObj, ['Hello']); // logs "Hello, my name is Jane and I'm 25 years old."

使用箭头函数：箭头函数的this值是在定义时确定的，而不是在执行时确定的。因此，箭头函数可以访问外部作用域的this值，而不需要使用bind()、call()或apply()方法来改变它。例如：

const obj = {
  name: 'John',
  age: 30,
  greet: () => {
    console.log(`Hello, my name is ${this.name} and I'm ${this.age} years old.`);
  }
};

const otherObj = {
  name: 'Jane',
  age: 25
};

obj.greet.call(otherObj); // logs "Hello, my name is undefined and I'm undefined years old."

在上面的例子中，箭头函数中的this值指向了全局作用域，而不是obj或otherObj对象。因此，箭头函数在这种情况下并不适用于改变this指向。