WEB前端：JS中THIS的几种情况
代码小侠客
2024-04-23 22:45
web的本意是蜘蛛网和网的意思，在网页设计中我们称为网页的意思。现广泛译作网络、互联网等技术领域。表现为三种形式，即超文本(hypertext)、超媒体(hypermedia)、超文本传输协议(HTTP)等。
第一种情况：给元素的某个事件行为绑定方法，事件触发，方法执行，此时方法中的this一般都是当前元素本身：
<divid="div"></div>div.onclick=function(){console.log(this);//=><divid="div"></div>};div.addEventListener('click',function(){console.log(this);//=><divid="div"></div>},false);
这里边有个特殊情况就是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
网页是构成网站的基本元素，是承载各种网站应用的平台。通俗的说，您的网站就是由网页组成的。如果您只有域名和虚拟主机而没有制作任何网页的话，您的客户仍旧无法访问您的网站。
免责声明：
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
