彻底搞清楚JS里的this指向问题

本文详细探讨了JavaScript中this的动态指向问题,通过多个示例说明了在不同调用场景下,this如何根据函数调用的位置来决定其指向的对象。内容涵盖了全局作用域、构造函数、对象方法、事件绑定、定时器函数以及严格模式下的特殊情况,并提供了修改this指向的解决方案。
摘要由CSDN通过智能技术生成

this指向是动态的

想要理解this,你可以先记住以下两点:
1:this永远指向一个对象;
2:this的指向完全取决于函数调用的位置;
针对以上的第一点特别好理解,不管在什么地方使用this,它必然会指向某个对象;确定了第一点后,也引出了一个问题,就是this使用的地方到底在哪里,而第二点就解释了这个问题,但关键是在JavaScript语言之中,一切皆对象,运行环境也是对象,所以函数都是在某个对象下运行,而this就是函数运行时所在的对象(环境)。这本来并不会让我们糊涂,但是JavaScript支持运行环境动态切换,也就是说,this的指向是动态的,很难事先确定到底指向哪个对象,这才是最让我们感到困惑的地方。

例子1:
在这里插入图片描述
在这里插入图片描述
上述代

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值