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

前言:前端面试题总有问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

博客：http://www.wncode.cn

转载于:https://my.oschina.net/wangnian/blog/3069868