this
是 JavaScript 语言的一个关键字。
它是函数运行时,在函数体内部自动生成的一个对象,只能在函数体内部使用。
总的来说,this
就是函数运行时所在的环境对象
一:纯粹的函数调用
这是函数的最通常用法,属于全局性调用,因此this
就代表全局对象
var x = 1;
function test() {
console.log(this.x);
}
test(); // 1
二:作为对象方法的调用
函数可以作为某个对象的方法调用,这时this
就指这个上级对象。
function test() {
console.log(this.x);
}
var obj = {};
obj.x = 1;
obj.m = test;
obj.m(); // 1
三: 作为构造函数调用
构造函数,就是通过这个函数,可以生成一个新对象。这时,this
就指这个新对象。
function Test() {
this.x = 1;
}
var obj = new test();
obj.x // 1
运行结果为1。这时this不是全局对象,证明如下:
var x = 2;
function Test() {
this.x = 1;
}
var obj = new test();
x // 2
运行结果为2,表明全局变量x
的值根本没变。
四: apply 调用
apply()
是函数的一个方法,作用是改变函数的调用对象。它的第一个参数就表示改变后的调用这个函数的对象。因此,这时this
指的就是这第一个参数。
var x = 0;
function test() {
console.log(this.x);
}
var obj = {};
obj.x = 1;
obj.m = test;
obj.m.apply() // 0
apply()
的参数为空时,默认调用全局对象。因此,这时的运行结果为0
,证明this
指的是全局对象。
如果把最后一行代码修改为
obj.m.apply(obj); //1
运行结果就变成了1
,证明了这时this
代表的是对象obj
。