this指向问题（易懂）

JavaScript中的this指向解析

最新推荐文章于 2022-03-02 22:00:44 发布

原创最新推荐文章于 2022-03-02 22:00:44 发布 · 426 阅读

4 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

10 篇文章

订阅专栏

本文详细探讨了JavaScript中this的四种常见指向：1) 一般函数中this指向全局对象window；2) 对象方法中的this指向调用该方法的对象；3) 构造函数里的this指向新创建的实例；4) 事件处理函数中的this指向触发事件的DOM元素。此外，还特别提到了箭头函数的特殊性，箭头函数没有自己的this，它会捕获其所在（上下文）环境的this值。

1.一般函数中this指向window

2.对象中函数的this指向，它的 this 是调用该函数的对象

3.构造函数里的this，指向创建出来的实例

4.事件处理函数中，它的this指向触发事件的元素

#5.箭头函数没有自己的this，它的this指向上下文中的this(即所处环境的this)

改变this指向

function fn(x, y) {
        console.log('coming',this);
        console.log(x + y);   
 }

 let obj={
      name:'nick',
      hobby:'basketball'
 }

 fn.call(obj,5,7) 
 fn.apply(obj,[5,7])  
 let emit = fn.bind(obj,5,7)  
 emit()