Windows10系统之家 - 安全纯净无插件系统之家win10专业版下载安装

收藏本站

Windows10系统下载

Windows10系统下载

全自动无人值守

全新的视觉体验

大小:3.98 GB 版本:32位 大小:4.98 GB 版本:64位
您当前的位置:Windows10系统之家 > win10资讯 > javascript中this用法?

javascript中this用法?

时间:2024-05-29 16:39:15 来源:Windows10之家 作者:admin

在javascript当中每一个function都是一个对象,所以在这个里var temp=this 指的是function当前的对象。<br>Javascript的this用法<br>this是Javascript语言的一个关键字。<br>它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。比如,<br>  function test(){<br>    this.x = 1;<br>  }<br>随着函数使用场合的不同,this的值会发生变化。但是有一个总的原则,那就是this指的是,调用函数的那个对象。<br>下面分四种情况,详细讨论this的用法。<br>情况一:纯粹的函数调用<br>这是函数的最通常用法,属于全局性调用,因此this就代表全局对象Global。<br>请看下面这段代码,它的运行结果是1。<br>  function test(){<br>    this.x = 1;<br>    alert(this.x);<br>  }<br>  test(); // 1<br>为了证明this就是全局对象,我对代码做一些改变:<br>  var x = 1;<br>  function test(){<br>    alert(this.x);<br>  }<br>  test(); // 1<br>运行结果还是1。再变一下:<br>  var x = 1;<br>  function test(){<br>    this.x = 0;<br>  }<br>  test();<br>  alert(x); //0<br>情况二:作为对象方法的调用<br>函数还可以作为某个对象的方法调用,这时this就指这个上级对象。<br>  function test(){<br>    alert(this.x);<br>  }<br>  var o = {};<br>  o.x = 1;<br>  o.m = test;<br>  o.m(); // 1<br>情况三 作为构造函数调用<br>所谓构造函数,就是通过这个函数生成一个新对象(object)。这时,this就指这个新对象。<br>  function test(){<br>    this.x = 1;<br>  }<br>  var o = new test();<br>  alert(o.x); // 1<br>运行结果为1。为了表明这时this不是全局对象,我对代码做一些改变:<br>  var x = 2;<br>  function test(){<br>    this.x = 1;<br>  }<br>  var o = new test();<br>  alert(x); //2<br>运行结果为2,表明全局变量x的值根本没变。<br>情况四 apply调用<br>apply()是函数对象的一个方法,它的作用是改变函数的调用对象,它的第一个参数就表示改变后的调用这个函数的对象。因此,this指的就是这第一个参数。<br>  var x = 0;<br>  function test(){<br>    alert(this.x);<br>  }<br>  var o={};<br>  o.x = 1;<br>  o.m = test;<br>  o.m.apply(); //0<br>apply()的参数为空时,默认调用全局对象。因此,这时的运行结果为0,证明this指的是全局对象。<br>如果把最后一行代码修改为<br>  o.m.apply(o); //1<br>运行结果就变成了1,证明了这时this代表的是对象o。