关于 js 里面 this 的指向问题(6种场景)

最新推荐文章于 2022-03-03 16:24:04 发布

温情key

最新推荐文章于 2022-03-03 16:24:04 发布

阅读量828

点赞数 4

分类专栏： js 文章标签： js javascript es6

本文链接：https://blog.csdn.net/qq_48960335/article/details/117590760

版权

本文详细探讨了JavaScript中this关键字在6种不同场景下的指向：1) 普通函数调用时指向window（严格模式下为undefined）；2) 对象方法调用时指向调用该方法的对象；3) 构造函数和类中的this指向实例对象；4) 事件绑定函数的this指向触发事件的元素；5) 定时器中this通常指向window，但箭头函数会继承外层作用域的this；6) 箭头函数不具有自己的this，继承自父作用域。

摘要由CSDN通过智能技术生成

可以分为6种情况来描述this指向

1. 普通函数直接调用中的this

function fun() {
   
   console.log(this);  // window
   function fn() {
   
       console.log(this);  // window
   }
   fn();
}
fun();

如上代码函数里面直接调用会指向 window，需要注意的是在严格模式下this会指向 undefined

2. 在对象里调用的this

let obj = {
   
   name: '温情',
   fn() {
   
     console.

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

温情key

关注关注

4
点赞
踩
6

收藏

觉得还不错? 一键收藏
打赏
0
评论
关于 js 里面 this 的指向问题(6种场景)

可以分为6种情况来描述this指向1. 普通函数直接调用中的thisfunction fun() { console.log(this); // window function fn() { console.log(this); // window } fn();}fun();如上代码函数里面直接调用会指向 window，需要注意的是在严格模式下this会指向 undefined2. 在对象里调用的thislet obj = { name:
复制链接

扫一扫