Javascript的this用法

this是Javascript语言的一个关键字。

创新互联建站-专业网站定制、快速模板网站建设、高性价比雁江网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式雁江网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖雁江地区。费用合理售后完善，十载实体公司更值得信赖。

它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。比如，

 
 
 

  
  
  
function test()  
  
  
  
{  
  
  
  
this.x = 1;  
  
  
  
} 
 
 
 

随着函数使用场合的不同，this的值会发生变化。但是有一个总的原则，那就是this指的是，调用函数的那个对象。

下面分四种情况，详细讨论this的用法。

情况一：纯粹的函数调用

这是函数的最通常用法，属于全局性调用，因此this就代表全局对象Global。

请看下面这段代码，它的运行结果是1。

 
 
 

  
  
  
function test()  
  
  
  
{  
  
  
  
this.x = 1;  
  
  
  
alert(this.x);  
  
  
  
}  
  
  
  
test(); // 1 
 
 
 

为了证明this就是全局对象，我对代码做一些改变：

 
 
 

  
  
  
var x = 1;  
  
  
  
function test()  
  
  
  
{  
  
  
  
alert(this.x);  
  
  
  
}  
  
  
  
test(); // 1 
 
 
 

运行结果还是1。再变一下：

 
 
 

  
  
  
var x = 1;  
  
  
  
function test()  
  
  
  
{  
  
  
  
this.x = 0;  
  
  
  
}  
  
  
  
test();  
  
  
  
alert(x); //0 
 
 
 

情况二：作为对象方法的调用

函数还可以作为某个对象的方法调用，这时this就指这个上级对象。

 
 
 

  
  
  
function test()  
  
  
  
{  
  
  
  
alert(this.x);  
  
  
  
}  
  
  
  
var o = {};  
  
  
  
o.x = 1;  
  
  
  
o.m = test;  
  
  
  
o.m(); // 1 
 
 
 

情况三 作为构造函数调用

所谓构造函数，就是通过这个函数生成一个新对象（object）。这时，this就指这个新对象。

 
 
 

  
  
  
function test()  
  
  
  
{  
  
  
  
this.x = 1;  
  
  
  
}  
  
  
  
var o = new test();  
  
  
  
alert(o.x); // 1 
 
 
 

运行结果为1。为了表明这时this不是全局对象，我对代码做一些改变：

 
 
 

  
  
  
var x = 2;  
  
  
  
function test()  
  
  
  
{  
  
  
  
this.x = 1;  
  
  
  
}  
  
  
  
var o = new test();  
  
  
  
alert(x); //2 
 
 
 

运行结果为2，表明全局变量x的值根本没变。

情况四 apply调用

apply()是函数对象的一个方法，它的作用是改变函数的调用对象，它的第一个参数就表示改变后的调用这个函数的对象。因此，this指的就是这第一个参数。

 
 
 

  
  
  
var x = 0;  
  
  
  
function test()  
  
  
  
{  
  
  
  
alert(this.x);  
  
  
  
}  
  
  
  
var o={};  
  
  
  
o.x = 1;  
  
  
  
o.m = test;  
  
  
  
o.m.apply(); //0 
 
 
 

apply()的参数为空时，默认调用全局对象。因此，这时的运行结果为0，证明this指的是全局对象。

如果把最后一行代码修改为

 
 
 

  
  
  
o.m.apply(o); //1 
 
 
 

运行结果就变成了1，证明了这时this代表的是对象o。

原文地址：http://www.ruanyifeng.com/blog/2010/04/using_this_keyword_in_javascript.html

网页题目：Javascript的this用法
本文来源：http://www.mswzjz.cn/qtweb/news45/524645.html

攀枝花网站建设、攀枝花网站运维推广公司-贝锐智能，是专注品牌与效果的网络营销公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 贝锐智能