JavaScript中this指向问题,暴力理解终极方法

原创
2019/07/04 23:58
阅读数 612

前言:前端面试题总有问this是谁?对于java程序员来说,this很好理解,就是当前对象本身。对于js来说,this就是传说中的当前运行环境,其实理论知识一大把,但是很多程序员看到有些写法还是会懵逼,比如dom.onclick事件里调用事件里自己的方法,为啥指向的是window对象?

先看看下面的代码:

var obj = {
 bb: function () {
     console.info(this);
     var aa=function(){
        console.info(this);
     }
     //写法三
     aa();
  }
};

var bb = obj.bb;
// 写法一
obj.bb();
// 写法二
bb();

其实很简单,就是通过哪个对象访问的方法,this就指向哪个对象。写法二中bb()缺省就是window对象的方法,不管bb()在哪里调用都一样,window.bb()也就是调用当前作用域里的bb方法。所以写法三也是window.aa(),即使aa()是在bb()里调用的。

注意:首先感谢下面评论,ES6的箭头函数是特例,箭头函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象。这是箭头函数封装之后的结果,按照JS的this原理,箭头函数中调用的方法肯定是通过window对象调用来实现的。

以上是我个人的总结,详细请看阮一峰大神的博客

http://www.ruanyifeng.com/blog/2018/06/javascript-this.html

博客:https://my.oschina.net/wangnian

展开阅读全文
打赏
0
0 收藏
分享
加载中
var obj = {
bb: ()=>{
console.info(this);
}
};
obj.bb()
按照博主的理解,那这里打印的this就是obj咯?😈
2019/07/05 15:17
回复
举报
王念博客博主
这是ES6箭头函数的特性,函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象。博主自行推断箭头函数背后的实现是用的方法三的调用方式。所以回调方法使用箭头函数就能直接通过this访问window对象
2019/07/05 15:29
回复
举报
更多评论
打赏
2 评论
0 收藏
0
分享
返回顶部
顶部