javascript改变this指向的方法汇总

针对“javascript改变this指向的方法汇总”，我可以提供以下完整攻略：

什么是this指向问题

在Javascript中，this指向当前函数正在执行的上下文。但是，有时候由于函数被不同的方式调用，this指向可能会变得令人困惑。比如，在某些情况下，this会指向全局对象window，而在另一些情况下，this会指向调用该函数的对象。

换句话说，this指向问题很容易出现在Javascript代码中，特别是在使用对象和方法时。为了解决这个问题，我们需要使用几种不同的方法使this指向正确的上下文。

改变this指向的方法汇总

下面是一些改变this指向的常见方法：

1. 使用bind方法

bind方法会创建一个新函数，其this值会被永久设置为指定值。这是通过在调用时绑定this值来实现的。bind方法会返回一个新的函数，它在被调用时会以指定的this值执行。

const obj = {
  name: "Jane",
  sayHello: function() {
    console.log(`Hello ${this.name}`)
  }
}

const obj2 = {
  name: "John",
}

const sayHello2 = obj.sayHello.bind(obj2)

sayHello2() // Hello John

在上面的例子中，我们创建了一个对象obj和一个新对象obj2，然后使用bind方法将obj2绑定到obj.sayHello方法中，使得sayHello2函数的this值永久为obj2，即调用sayHello2函数时，它会以obj2为上下文。

2. 使用apply和call方法

apply和call方法用于在调用函数时改变this的值，而且它们的区别在于当函数需要的参数超过两个时，apply方法会把参数打包到一个数组中，而call方法则需要一个一个地列出参数。

const obj = {
  name: "Jane",
  sayHello: function() {
    console.log(`Hello ${this.name}`)
  }
}

const obj2 = {
  name: "John",
}

obj.sayHello.call(obj2) // Hello John

在上面的例子中，我们创建了一个对象obj和一个新对象obj2，然后使用call方法将obj2绑定到obj.sayHello方法中，使得此时obj.sayHello函数的this值为obj2，即调用obj.sayHello函数时，它会以obj2为上下文。

3. 使用箭头函数

箭头函数中的this关键字与父作用域中的this保持一致，不会发生绑定错误，所以使用箭头函数可以解决this指向问题。

const obj = {
  name: "Jane",
  sayHello: function() {
    const nestedFunction = () => {
      console.log(`Hello ${this.name}`)
    }
    nestedFunction()
  }
}

const obj2 = {
  name: "John",
}

obj.sayHello.call(obj2) // Hello John

在上面的例子中，我们使用箭头函数nestedFunction来解决this指向问题。由于箭头函数的this值被绑定到了其父函数中的this值，所以在nestedFunction函数中，this指向obj2，即调用nestedFunction函数时，它会以obj2为上下文。

总结

上述方法是解决this指向问题的常见方法。通过使用bind、apply和call方法，以及箭头函数，我们可以在Javascript代码中轻松地控制this指向，从而避免出现指针混淆的错误。