js中的this

一，解释

this是Javascript语言的一个关键字。
它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。

随着函数的使用和场合次序的变化，this所指向的对象和值会发生变化。但是有一个是不变的，就是this始终指向调用函数的那个对象。

二，实例

this虽然始终指向调用函数的那个对象。但是也分四种情况。

第一种：全局性调用，代表全局对象。

　　function test(){ 

　　　　this.x = 1; 

　　　　alert(this.x); //输出结果是1

　　} 

　　test(); 

将代码中赋值位置更改，再看结果。

　　var x = 1; 

　　function test(){ 

　　　　alert(this.x); // 输出结果为1

　　} 

　　test(); 

在对全局变量进行改变，结果如下

　　var x = 1; 

　　function test(){ 

　　　　this.x = 0; 

　　} 

　　test(); 

　　alert(x);//输出结果为1

最后的结果将全局变量x的值修改为了0，足以证明是this指向全局变量。

 

二，作为某个对象的方法调用

函数还可以作为某个对象的方法调用，这时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 

这时this不是全局变量，看下面代码可以证明。

　　var x = 2; 

　　function test(){ 

　　　　this.x = 1; 

　　} 

　　var o = new test(); 

　　alert(x); //输出结果为2 

全局变量x 的值没有变化，还是2。

四，apply调用

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

　　var x = 0; 

　　function test(){ 

　　　　alert(this.x); 

　　} 

　　var o={}; 

　　o.x = 1; 

　　o.m = test; 

　　o.m.apply(o); //this这时代表o，输出结果是1

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

　　var x = 0; 

　　function test(){ 

　　　　alert(this.x); 

　　} 

　　var o={}; 

　　o.x = 1; 

　　o.m = test; 

　　o.m.apply(); //输出结果是0 

 

文章来源：https://wenda.so.com/q/1461115547725152