美文网首页
this【重点】

this【重点】

作者: Christoles | 来源:发表于2019-02-27 20:49 被阅读0次

函数this的指向(箭头函数除外):函数在哪里调用,这个this就指向哪里。

this的指向一般有3种情况:
* 1、\color{blue}{全局作用域}内调用函数,this指向\color{red}{window}; //Window {...
* 2、通过\color{blue}{事件}来调用函数,this指向这个事件的\color{red}{调用者}; //调用者
* 3、对象调用其\color{blue}{方法},this指向这个\color{red}{对象};*** //object
* 4、在\color{blue}{构造函数}中的this指向\color{red}{他的实例化对象}

//--- 全局调用

function foo(){
    console.log(this);//Window {...
}
foo();

//测试 --- 函数在哪里调用,这个this就指向哪里。& 箭头函数的this指向

var div=document.querySelector(".test");
div.addEventListener("click",function(){
    console.log(this);//div
});

//通过箭头函数 this指向window ***
div.addEventListener("click",()=>{
    console.log(this);//Window {...
});

//--- 对象调用其方法 ***

var obj={
    name:"BGG!",//对象一定要用逗号分隔开,这里的name是对象的属性
    skill:function(){
        console.log(this);
    }
}
obj.skill();//obj{name: "BGG!", skill: ƒ...}  -->对象调用其方法,this指向这个对象。

var skr=obj.skill;
skr();//Window {...     -->全局调用 被声明了

//--- setTimeout 的this指向

//setTimeout的调用指向window
setTimeout(function(){
    console.log(this);//Window {...
},1000);
//上面的 等价于 下面的
window.setTimeout(function(){
    console.log("通过widow来调用的定时器",this);//Window {...
},1000);

//--- 构造函数 的this指向

function Fun(){
    this.age = "12"
}
var obj = new Fun();

相关文章

  • 重点、重点还是重点

    相信很多战友还记得李笑来老师说过的一句话:什么更重要? 而我也相信有很多人曾经和我一样,尝试做过几次之后觉得并没有...

  • 还是重点,重点,重点

    今天下班,我吃完饭,喝完药,又玩起手机来了,快手上刷了一些没有意义的视频,本来我是想看看,老铁马先滨,他的快手更新...

  • 重点体式的重点

    1英雄坐姿: a脚背贴地(脚踝痛,膝盖痛加瑜伽毯在臀部下方),脚尖正对后方 b膝盖靠拢(加伸展带)大小腿肌肉拨开 ...

  • 重点中的重点

    为什么是这个标题 这段时间,经过开始学习编程,然后生活安排很多的事情,同时进行着。太多的事情需完成,让我意识到,我...

  • 重点

    在戈壁的公路上,车坏在一旁,一个老男人,坐着引擎盖上,看着天边的夕阳,染红了天空。熟练的点燃了烟,静静的,就这样...

  • 重点

    成功推销自己,比推销产品,重要太多! 我的人格,能够保证,和我相处的人,我能够给予更大的回报! 重复的内容我也可以...

  • 重点

  • 重点

    爱情,不是生活的全部!工作,不是生活的全部!什么是生活的全部? 都说不要胡思乱想,可是转移注意力后,回来处理这个问...

  • 重点

    1.想法,感受,需求,期望 2.共同成长——相互支持,相互信任,相互鼓励 3.权力和义务

  • 重点

    相信自己以后能做好 现在做好手中事,不要多想

网友评论

      本文标题:this【重点】

      本文链接:https://www.haomeiwen.com/subject/czrquqtx.html