this关键字

最新推荐文章于 2024-10-01 20:12:28 发布

新手码虫

最新推荐文章于 2024-10-01 20:12:28 发布

阅读量45

点赞数

文章标签： javascript 前端

本文链接：https://blog.csdn.net/weixin_53832341/article/details/124712714

版权

本文详细介绍了JavaScript中函数内部的this关键字如何根据不同的调用方式指向不同的对象：全局函数调用时指向window，对象方法调用时指向调用者，定时器处理函数和自调用匿名函数中的this同样指向window，而在事件处理函数中则指向事件源。

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

1、全局定义的函数直接调用，this => window

function fn() {
  console.log(this)
}
fn()
// 此时 this 指向 window

2、对象内部的方法调用，this => 调用者

var obj = {
  fn: function () {
    console.log(this)
  }
}
obj.fn()
// 此时 this 指向 obj

3、定时器的处理函数，this => window

setTimeout(function () {
  console.log(this)
}, 0)
// 此时定时器处理函数里面的 this 指向 window

4、事件处理函数，this => 事件源

div.onclick = function () {
  console.log(this)
}
// 当你点击 div 的时候，this 指向 div

自调用函数，this => window

(function () {
  console.log(this)
})()
// 此时 this 指向 window

关注