this指向

最新推荐文章于 2024-09-23 03:39:50 发布

miaoguangkun

最新推荐文章于 2024-09-23 03:39:50 发布

阅读量233

点赞数

文章标签： javascript 前端 typescript

本文链接：https://blog.csdn.net/miaoguangkun/article/details/124598531

版权

本文详细探讨了JavaScript中不同情况下的this指向问题，包括全局变量、函数、对象、回调函数、箭头函数、call、apply、bind方法以及面向对象和异步函数中的this行为。在函数中，this会根据调用方式的不同指向window、undefined或特定对象；在箭头函数中，this保持外层作用域的指向；而在异步操作和事件处理中，this的指向也有其特殊性。

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

1.全局变量中的this

console.log(this) // window
严格模式和非严格模式都指向window

2.函数中的this

2-1 严格模式下,this指向undefined,非严格模式下this指向window

function fn() {
   
         console.log(this)
}
 fn()

2-2

//2.
function fn1(){
   
         console.log(this) //指向window
}
function fn2() {
   
fn1() //这叫执行函数
}
fn2()

2-3 如果注释掉, 这里this指向obj ,谁调用a,this 指向谁没有注释的话, 将函数赋值给一个变量,通过变量调用,this指向window和undefined

//3.
var obj={
   
    a:function(){
   
    console.log(this)
    }
    b:function(){
   
      // var f=this.a
      // f()
      var f=this.a
      f()
       this.a()
    }
 }

2-4 函数中直接调用函数,this执行window和undefined只要没人调用,都指向window

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