浅谈对this的理解

不念不忘少年蓝@ 2022-06-15 09:49 220阅读 0赞

"this" 是个关键词，是个存放指针的变量。

前提是在js中，别的语言我更不清楚了：

1、 this 默认指向 是   window

e.g

var name ='mongo';
    console.log(this.name)       //  mongo
    console.log(this)           // window

2、如果给元素添加了事件，当元素调用事件函数的时候， this 指向了 该 元素

e.g

var oBtn = document.getElementById('btn');
    
    oBtn.onclick = function(){
          console.log(this)      //  oBtn 这个对象元素
    }

3、如果给元素添加了事件，而该事件函数里面又套了一层函数， 此时该元素调用 事件函数的时候， this 指向又发生了 变化， 指向了全局 window

e.g

var oBtn = document.getElementById('btn');
    
    oBtn.onclick = function(){
           setTimeout(function(){
                   console.log(this) // window
            },1000)
    }

如果不包一层setTimeout，还可以加 return

e.g

浅谈对this的理解

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关浅谈对面向对象的理解

相关浅谈JDBC的理解

相关浅谈对指针的理解

相关浅谈对this的理解

相关【C++】浅谈对多态的理解

相关浅谈我对协程的理解

相关浅谈对vue生命周期函数的理解

相关浅谈对JIT编译器的理解

相关浅谈对Spring的理解

相关浅谈对Socket和Server的理解