浅谈javascript中的this关键字

在介绍this关键字之前我们先看一段代码：

function person(){
}
var p1=new person();
p1.name="abc";
p1.age=60;
window.alert(p1.name+"  "+p1.age);
var p2=new person();
window.alert(p2.name);

                      

我们可以看到window.alert(p2.name)会输出undefined；

这里我们有一种需求：当我们创建一个person对象后，就希望该对象自动拥有name和age属性，这该怎么办？？？

这时this关键字就粉墨登场了！现在我们用this关键字解决这个需求！！！

function person(){
	this.name="abc";
	this.age=60;
}
var p1=new person();
var p2=new person();
window.alert(p1.name+"  "+p2.name);

这里我们看到当创建一个person对象后，该对象就自动拥有了name和age属性。

下面我们再用一个例子来了解了解this关键字的使用：

function person(){
	var name="abc";//这样去使用，表明name这个属性是私有的
	var age=900;
	this.name2="abc2";//this.name2表明name2这个属性是公共的
}
var p1=new person();
window.alert(p1.name+"  "+p1.age);
window.alert(p1.name2);

            

这里我们可以看到window.alert(p1.name+"  "+p1.age)会输出两个undefined，而window.alert(p1.name2)则会输出abc2。

之所以会输出两个undefined，是因为name和age这两个属性是私有的，不能被对象p1直接访问，而name2前面用了this这个关键字这表明name2这个属性公共的，可以被对象直接访问。

如果要解决这个问题，该怎么办呢？我们用下面的代码来解决这个问题：

function person(){
	var name="abc";
	var age=900;
	this.name="abc2";
	this.show=function(){
		window.alert(name+"  "+age);//这就是在person类里面写的一个公开方法
	}
}
var p1=new person();
p1.show();

我们可以看到window.alert(name+"  "+age)输出了abc和900。这里为什么可以正确输出呢？这时因为我们在类里写了一个公共方法，对象可以调用公共方法来访问私有属性。

现在，我们来进一步理解this这个关键字。

我们先来看一个例子，在看这个例子之前我们先记住一句话：“哪个对象实例调用this所在的函数，那么this就代表哪个对象实例”。

function person(){
	this.abc=function(){
		window.alert(this.v)//this<==>p
	}
}
var p=new person();
p.v="hello";
p.abc();

因为这里this.v=p.v,所以输出hello,到底为什么this.v=p.v呢？我们看刚刚要求大家记住的那句话，“哪个对象实例调用this所在的函数，那么this就代表哪个对象实例”因为这里对象实例p调用了this所在的函数abc(),所以this就代表p这个对象实例。

最后对于this关键字，我再说明两点：

（1）：this关键字不能再类定义的外部使用，只能在类定义的方法中使用，

（2）：this.属性名表示公共属性，可以通过对象名.属性名来直接访问；var 属性名表示私有属性，只能通过公共方法来访问。