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

2019-07-24 10:49:02 浏览数 (2)

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

先看看下面的代码:

代码语言:javascript复制
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对象调用来实现的。

0 人点赞