this的理解

this的理解#

看了阮一峰的this讲解，下面是我的理解：

总结来说 this指向 调用this所在方法 的对象；

普通函数

例子1

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

test();//1

因为调用test()方法是window即全局，所以这时的this指向全局

为了证明的确是改变了全局变量看下面的例子，在外面给x赋值了2,但是在test里面还是会被改变

例子2

var x = 2;

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

test();//1

构造函数

function test(){
	this.x = 1;
}
x = 2;
var a = new test();
console.log(a.x);//1
console.log(x);//2

可以看出第一个的x只是指向a这个对象，而第二个x是指向Window作为全局变量

作为对象的方法属性

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

var a = {};

a.func =test;
a.x = 2;
a.func();//2

这里可以看出来test方法是被a对象调用，所以this指向a,所以this.x 其实是 a.x ，所以是2

apply()方法

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

var a = {};
a.x = 2;
a.func = test;
a.func.apply();//1

a.func.apply（）代表是window继承a的func属性即test方法，所以执行了test ,这时这里的this指向是window，因为是window调用的，所以是1