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

最新推荐文章于 2023-04-06 18:16:27 发布

object not found

最新推荐文章于 2023-04-06 18:16:27 发布

阅读量1.8w

点赞数 1

分类专栏： javascript 文章标签： javascript 前端

本文链接：https://blog.csdn.net/qq_45547094/article/details/126640416

版权

51 篇文章 1 订阅

订阅专栏

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

调用函数时使用

函数.call()

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

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

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

function 函数 (参数1, 参数2) {}

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

调用函数时使用

函数.apply()

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

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

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

function 函数 (参数1, 参数2) {}

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

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

function 函数 () {}

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

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

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

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

关注

专栏目录