JS中this的用法

this是js语言中的一个关键字

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

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

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

分四种状况讨论this的用法

状况一：纯粹的函数调用

这是函数的最一般用法，属于全局性调用，所以this就表明全局对象Global。

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

function test(){
    this.x=1;
    alert(x);
}
test();//输出结果1

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

var x=2;
function test(){
    alert(x);
}
test();//输出结果2

再作一些改变

var x=2;
function test(){
  this.x=0;
alert(x);
}
test();//输出结果0

状况二：做为对象方法的调用

函数还能够做为某个对象的方法调用，这时this就指这个上级对象。

function test(){
   alert(this.x);
}
var obj={};
obj.x=2;
obj.m=test;
obj.m();//输出结果为2

对代码作一些改变

var x=3;
function test(){
  alert(this.x);
}
var obj={};
obj.x=2;
obj.m=test;
obj.m();//输出结果为2

再作一些改变

function test(){
   var x=4;
   alert(this.x);
}
var obj={};
obj.x=2;
obj.m=test;
obj.m();//输出结果为2

状况三：做为构造函数调用

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

function test(){
  this.x=4;
}
var obj=new test();
alert(obj.x);//输出结果为4

为了代表这时this不是全局对象，我对代码作一些改变：

var x=4;
function test(){
   this.x=3;
}
var obj=new test();
alert(obj.x);//输出结果为3
alert(x);//输出结果为4

运行结果代表全局变量x的值根本没变。

状况四：apply调用

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

var x=4;
function test(){
   alert(this.x);
}
var obj={};
obj.x=3;
obj.m=test;
obj.m.apply();//输出结果为4

apply()的参数为空时，默认调用全局对象。所以，这时的运行结果为4，证实this指的是全局对象。

对代码作一下修改：把obj.m.apply()修改成obj.m.apply(obj)

var x=4;
function test(){
   alert(this.x);
}
var obj={};
obj.x=3;
obj.m=test;
obj.m.apply(obj);//输出结果为3

运行结果就变成了3，证实了这时this表明的是对象obj。

 

完