作者:刘志祥
时间:2017.11.10
参考:阮一峰的官方网站
this 是javaScript中的一个关键字,只能在函数内使用。随着场合的不同,this的值会发生变化。
1. 单纯的全局函数调用,此时this指向window对象
function test1(){
this.x = 1;
alert(this.x);
} test2(); //
var x = 1;
function test2(){
alert(this.x);
} test2(); //
var x = 1;
function test3(){
this.x = 0;
} test3();
alert(x); //
第一个就代表window调用test1();第二个函数证明this指向全局对象Global;第三个执行test3()后,改变了全局变量x,所以证明this指向window。
2.一个对象调用此函数
function test(){
alert(this.x);
}
var o = {};
o.x = 1;
o.m = test;
o.m(); //
对象调用此函数,this此时指向改对象。
3. 构造函数调用
function test(){
this.x = 1;
} var o = new test();
alert(o.x); //
通过test() new出一个新对象后,此时this就指向这个新对象。并且此时this不是全局的,只是指向了这个新new出的对象。不会对外面有什么影响。
4.apply调用
apply()是函数对象的一个方法,它的作用是改变函数的调用对象,它的第一个参数就表示改变后的调用这个函数的对象。因此,this指的就是这第一个参数。
var x = 0;
function test(){
alert(this.x);
} var o={};
o.x = 1;
o.m = test;
o.m.apply(); //
o.m.apply(o); //
apply()里面为空的话,默认全局调用此函数,this指向全局window,所以输出全局的0;
apply(o)改变了调用此方法的对象,此时this指向了o对象,输出1。