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()是函数对象的一个方法，它的作用是改变函数的调用对象，它的第一个参数就表示改变后的调用这个函数的对象。因此，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。

完

转载于:https://my.oschina.net/u/3680343/blog/1555905

JS中this的用法