js 中的this

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

 1、纯粹函数调用。

 
  1. function test() {     
  2.     this.x = 1;      
  3.     alert(x);  
  4. }  
  5.   
  6. test(); 

 


其实这里的this就是全局变量。看下面的例子就能很好的理解其实this就是全局对象Global。其实这里的this就是全局变量。看下面的例子就能很好的理解其实this就是全局对象Global。

 

 
  1. var x = 1;  
  2. function test() {  
  3.     alert(this.x);  
  4. }  
  5. test();//1  
  6.   
  7. var x = 1;  
  8. function test() {  
  9.     this.x = 0;  
  10. }  
  11. test();  
  12. alert(x);//0  

 2、作为对象方法调用,那么this就是指这个上级对象。

 
  1. function test() {  
  2.     alert(this.x);  
  3. }  
  4.   
  5. var o = {};  
  6. o.x = 1;  
  7. o.m = test;  
  8. o.m(); //1  


3、作为构造函数调用。所谓构造函数,就是生成一个新的对象。这时,这个this就是指这个对象。

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


4、apply调用

 
  1. var x = 0;  
  2. function test() {  
  3.     alert(this.x);  
  4. }  
  5.   
  6. var o = {};  
  7. o.x = 1;  
  8. o.m = test;  
  9. o.m.apply(); //0  
  10. o.m.apply(o);//1  


当apply没有参数时,表示为全局对象。所以值为0。

 

文章来源:http://blog.csdn.net/zhikun518/article/details/7936603

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。