js修改函数this指向的三种常用方法总结

函数在调用时this指向可以随意的进行修改。通过使用call apply bind可以修改对应的this指向

call

调用函数时使用

函数.call()

有n个参数，第一个参数是this指向，设置后，函数内部的this就会指向对应的我们设置的值

函数.call([]) // 这个函数的this指向就是[]

如果函数本身有自己的参数

function 函数 (参数1, 参数2) {}
 
函数.call(this指向, 实参1, 实参2)

apply

调用函数时使用

函数.apply()

有两个参数，第一个参数是this指向，设置后，函数内部的this就会指向对应的我们设置的值

函数.apply([]) // 这个函数的this指向就是[]

如果函数本身有自己的参数

function 函数 (参数1, 参数2) {}
 
函数.apply(this指向, [实参1, 实参2])

bind

在声明函数时使用，该方法调用后，会得到一个新的函数，这个函数中的this指向被改变

function 函数 () {}
 
let 新函数 = 函数.bind(this指向) // 这个操作不会调用函数，会返回一个新的函数体

bind一般用在事件绑定时使用，因为事件绑定时，函数内部的this指向绑定的元素，如果函数中不需要用到这个this，但是要用到其他this，我们就可以进行绑定时修改

dom.onclick = 函数.bind(this指向)
dom.addEventListener("click", 函数.bind(this指向))

csdn文章推荐受影响解决办法10个字10行

csdn文章推荐受影响解决办法10个字10行

csdn文章推荐受影响解决办法10个字10行

csdn文章推荐受影响解决办法10个字10行

csdn文章推荐受影响解决办法10个字10行

csdn文章推荐受影响解决办法10个字10行

csdn文章推荐受影响解决办法10个字10行

csdn文章推荐受影响解决办法10个字10行

csdn文章推荐受影响解决办法10个字10行

csdn文章推荐受影响解决办法10个字10行

csdn文章推荐受影响解决办法10个字10行

csdn文章推荐受影响解决办法10个字10行

csdn文章推荐受影响解决办法10个字10行

csdn文章推荐受影响解决办法10个字10行

csdn文章推荐受影响解决办法10个字10行

csdn文章推荐受影响解决办法10个字10行

csdn文章推荐受影响解决办法10个字10行