前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >JavaScript中this指向问题,暴力理解终极方法

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

作者头像
王念博客
发布2019-07-24 10:49:02
3900
发布2019-07-24 10:49:02
举报
文章被收录于专栏:王念博客王念博客

前言:前端面试题总有问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对象调用来实现的。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档