js中的this使用方法

 js中的this使用方法

 

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

1、纯粹函数调用。

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

 

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

 

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

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

 

 

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

 

function test() {
    alert(this.x);
}

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

 

 

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

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

 

4、apply调用

this指向的是apply中的第一个参数。

 

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

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

 

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

以上转自：http://www.cnblogs.com/RitaRichard/archive/2011/10/14/2212161.html

 

在学习js闭包的时候看到一个思考题。

var name = "The Window";   
　　var object = {   
　　　　name : "My Object",   
　　　　getNameFunc : function(){   
　　　　　　return function(){   
　　　　　　　　return this.name;   
　　　　　};   
　　　　}   
};   
alert(object.getNameFunc()());  //The Window
//刚开始不太明白，但是将最后一句改为如下代码就很好明白了。
var re_fun = object.getNameFunc();
alert(re_fun());

 

其中re_fun是返回的一个函数对象，但该对象是全局对象，所以在调用该方法时，里面的this代表的应该是全局变量的name。其实和下面的代码是一个效果：

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

 

 

 

 

评论

2 楼 slbszq 2014-07-04  

是的？你是？

1 楼 buyunxuan 2014-06-30  

哥们，东西写的挺好的啊。你现在还在郑州工作吗