JavaScript之函数实例属性和类属性

根据函数中声明的方式，函数中变量有3种：

1)        局部变量：在函数中以普通方式声明的变量，包括以var或不加任何前缀声明的变量。

2)        实例属性：在函数中以this前缀修饰的变量

3)        类属性：在函数中以函数名前缀修饰的变量

实例属性和类属性则是面向对象的概念：实例属性是属于单个对象的，因此必须通过对象来访问；类属性是属于整个类（也就是函数）本身的，因此必须通过类（也就是函数）来访问。

同一个类（也就是函数）只占用一块内存，因此每个属性将只占用一块内存；同一个类（也就是函数）每创建一个对象，系统将会为该对象的实例属性分配一块内存。看下面的代码。

<script type="text/javascript">
	// 定义函数Person
	function Person(national, age)
	{
		// this修饰的变量为实例属性
		this.age = age;
		// Person修饰的变量为类属性
		Person.national =national;
		// 以var定义的变量为局部变量
		var bb = 0;
	}
	// 创建Person的第一个对象p1。国籍为中国，年纪为29
	var p1 = new Person('中国' , 29);
	document.writeln("创建第一个Person对象<br />");
	// 输出第一个对象p1的年纪和国籍
	document.writeln("p1的age属性为" + p1.age + "<br />");
	document.writeln("p1的national属性为" + p1.national + "<br />");
	document.writeln("通过Person访问静态national属性为" 
		+ Person.national + "<br />");
	// 输出bb属性
	document.writeln("p1的bb属性为" + p1.bb + "<br /><hr />");
	// 创建Person的第二个对象p2
	var p2 = new Person('美国' , 32);
	document.writeln("创建两个Person对象之后<br />"); 
	// 再次输出p1的年纪和国籍
	document.writeln("p1的age属性为" + p1.age + "<br />");
	document.writeln("p1的national属性为" + p1.national + "<br />");
	// 输出p2的年纪和国籍
	document.writeln("p2的age属性为" + p2.age + "<br />");
	document.writeln("p2的national属性为" + p2.national + "<br />");
	// 通过类名访问类属性
	document.writeln("通过Person访问静态national属性为"
		+ Person.national + "<br />");
</script>

执行的结果：