《Javascript权威指南》学习笔记之七：面向对象编程（OOP）

一、Javascript中“类”的定义方式

1、

[javascript] view plain copy print ?

1. function Person(name,age) 
2. { 
3. this.age=age; 
4. this.name=name; 
5. this.show=function() 
6. { 
7.     return ("my name is "+this.name+",and my age is "+this.age); 
8. } 
9. } 
10. var per = new Person("yuan",20); 
11. alert(per.show()); 

function Person(name,age)
{
this.age=age;
this.name=name;
this.show=function()
{
	return ("my name is "+this.name+",and my age is "+this.age);
}
}
var per = new Person("yuan",20);
alert(per.show());

2、

[javascript] view plain copy print ?

1. function Person(name,age) 
2. { 
3. var o = new Object; 
4. o.name=name; 
5. o.age=age; 
6. o.show=function() 
7. { 
8.     return ("my name is "+o.name+",and my age is "+o.age); 
9. } 
10. return o; 
11. } 
12. var per = new Person("yuan",20); 
13. alert(per.show()); 

function Person(name,age)
{
var o = new Object;
o.name=name;
o.age=age;
o.show=function()
{
	return ("my name is "+o.name+",and my age is "+o.age);
}
return o;
}
var per = new Person("yuan",20);
alert(per.show());

3、

[javascript] view plain copy print ?

1. var per= 
2. { 
3.     name:"yuan", 
4.     age:20, 
5.     show:function() 
6. { 
7.     return ("my name is "+this.name+",and my age is "+this.age); 
8. } 
9. } 
10. alert(per.show()); 

var per=
{
	name:"yuan",
	age:20,
	show:function()
{
	return ("my name is "+this.name+",and my age is "+this.age);
}
}
alert(per.show());

以上三种方式的输出结果相同。

二 、获取构造器方法

   所有构造器均是类，但并非所有类是构造器。内建类都是用构造器创建对象，而宿主对象（window等）则不是，对于实例对象而言，利用其constructor属性，可获取构造器方法：

[javascript] view plain copy print ?

1. function Person(name,age) 
2. { 
3. this.name=name; 
4. this.age=age; 
5. this.show=function() 
6. { 
7.     return ("my name is "+this.name+",and my age is "+this.age); 
8. } 
9. } 
10. var per = new Person("yuan",20); 
11. alert(per.constructor); 

function Person(name,age)
{
this.name=name;
this.age=age;
this.show=function()
{
	return ("my name is "+this.name+",and my age is "+this.age);
}
}
var per = new Person("yuan",20);
alert(per.constructor);

运行结果：

内建类和宿主对象的constructor属性不能得到构造方法。

三 、使用prototype属性定义方法和属性

    除了在类的构造器定义方法和属性外，也可以用prototype定义。

[javascript] view plain copy print ?

1. <span style="font-size:18px;">function Person(){} 
2. Person.prototype.name="yuan";           //定义属性 
3. Person.prototype.age=20;            
4. Person.prototype.show=function()        //定义方法 
5. { 
6.     return ("my name is "+this.name+",and my age is "+this.age); 
7. } 
8. var per = new Person; 
9. alert(per.show());</span> 

<span style="font-size:18px;">function Person(){}
Person.prototype.name="yuan";           //定义属性
Person.prototype.age=20;           
Person.prototype.show=function()        //定义方法
{
	return ("my name is "+this.name+",and my age is "+this.age);
}
var per = new Person;
alert(per.show());</span>

四 、类的成员的访问控制

    1、public成员：使用this和prototype定义的属性和方法是公共成员，可以在脚本的任何位置访问

    2、private成员：定义属性用var，定义方法时采用命名函数或者匿名函数