前言:前端面试题总有问this是谁?对于java程序员来说,this很好理解,就是当前对象本身。对于js来说,this就是传说中的当前运行环境,其实理论知识一大把,但是很多程序员看到有些写法还是会懵逼,比如dom.onclick事件里调用事件里自己的方法,为啥指向的是window对象?
先看看下面的代码:
1var obj = { 2 bb: function () { 3 console.info(this); 4 var aa=function(){ 5 console.info(this); 6 } 7 //写法三 8 aa(); 9 } 10}; 11 12var bb = obj.bb; 13// 写法一 14obj.bb(); 15// 写法二 16bb();
其实很简单,就是通过哪个对象访问的方法,this就指向哪个对象。写法二中bb()缺省就是window对象的方法,不管bb()在哪里调用都一样,window.bb()也就是调用当前作用域里的bb方法。所以写法三也是window.aa(),即使aa()是在bb()里调用的。
注意:首先感谢下面评论,ES6的箭头函数是特例,箭头函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象。这是箭头函数封装之后的结果,按照JS的this原理,箭头函数中调用的方法肯定是通过window对象调用来实现的。
以上是我个人的总结,详细请看阮一峰大神的博客