Javascript教程（六）——this的作用及其指向

一、this

• 解析器在调用函数每次都会向函数内部传递进一个隐含的参数，这个隐含的参数就是this，this指向的是一个对象，这个对象我们称为函数执行的上下文对象。

二、this对象

• 根据函数的调用方式的不同，this会指向不同的对象
  • 1.以函数的形式调用时，this永远都是window
  • 2.以方法的形式调用时，this就是调用方法的那个对象

var name = "全局的name属性"
function fun(){
	//console.log("a = "+a+", b = "+b);
	console.log(this.name);
}

//以函数形式调用，this是window
fun();   //控制台输出"全局的name属性"

//创建一个对象
var obj = {
	name:"孙悟空",
	sayName:fun
};

var obj2 = {
	name:"沙和尚",
	sayName:fun
};

//以方法的形式调用，this是调用方法的对象
obj.sayName();   //此时function中的this就是obj这个对象
obj2.sayName();  //此时function中的this就是obj2这个对象

三、为什么要用this?

//创建一个name变量
var name = "全局";

//创建两个对象
var obj = {
		name:"孙悟空",
		sayName:fun
};

var obj2 = {
		name:"沙和尚",
		sayName:fun
};

我们创建了一个全局name变量，两个对象。
那么如果我们的函数这么写

function fun(){
	console.log(name);
}

那么调用这个函数，就只会打印全局的name，是写死了的。
那如果我们想输出obj的name呢？像下面这样写，fun()函数也只能输出obj的name，不能根据不同的对象去调用。obj2也同理。

function fun(){
	console.log(obj.name);
}
-------------------------
function fun(){
	console.log(obj2.name);
}

那么如果我们用this。它的指向具有特殊性，那么就可以做到，在全局作为函数调用时，可以输出全局的name；而作为对象的方法调用时，this指向对象，那么就可以输出具体某个对象的名字。

function fun(){
	console.log(this.name);
}