IT培训>Web开发教程

WEB前端：JS中THIS的几种情况

作者:1800000000nm 更新于： 2020-02-26 14:30:39



　　web的本意是蜘蛛网和网的意思，在网页设计中我们称为网页的意思。现广泛译作网络、互联网等技术领域。表现为三种形式，即超文本(hypertext)、超媒体(hypermedia)、超文本传输协议(HTTP)等。

　　第一种情况：给元素的某个事件行为绑定方法，事件触发，方法执行，此时方法中的this一般都是当前元素本身：

　　

div.onclick=function(){console.log(this);//=>

};div.addEventListener('click',function(){console.log(this);//=>

　　这里边有个特殊情况就是DOM2级绑定事件

　　div.attachEvent('onclick',functionanonymous(){console.log(this);//=>window});

　　第二种情况：普通函数执行，它里边的this是谁，取决于方法执行前面是否有“.”，有的话，“.”前面是谁this就是谁，没有的话并且是在非严格模式下this就是window，严格模式下是undefined：

　　functionfn(){console.log(this);}letobj={name:'OBJ',fn:fn};fn();//windowobj.fn();//{name:'OBJ',fn:fn}

　　第三种情况：构造函数执行(也即是new执行)，函数中的this是当前类的实例：

　　functionF(){console.log(this);}letf=newF;//F{}

　　第四种情况：箭头函数中没有this，所用到的this都是其上下文中的this(或者说是上级上下文)：

　　letobj={fn:()=>{console.log(this);}}obj.fn();//windowletobj={fn:function(){setTimeout(_=>{console.log(this);},1000);}};obj.fn();//obj

　　第五种情况：基于call/apply/bind可以改变函数中this的指向：

　　letobj={fn:function(){console.log(this);}}obj.fn();//objobj.fn.call(12);//12

　　网页是构成网站的基本元素，是承载各种网站应用的平台。通俗的说，您的网站就是由网页组成的。如果您只有域名和虚拟主机而没有制作任何网页的话，您的客户仍旧无法访问您的网站。

未登录

登录注册