javascript

到目前为止,我们已经模拟出了简单的类的实现,我们有了构造函数,有了类属性,有了类方法,可以创建"实例".
在下面的文章中,我们就用"类"这个名字来代替构造方法,但是,这仅仅是模拟,并不是真正的面向对象的"类".
在下一步的介绍之前,我们先来看看改变对象的prototype属性和设置prototype属性的注意事项:
给出一种不是很恰当的解释,或许有助于我们理解:当我们new了一个对象之后,这个对象就会获得构造函数的prototype属
性(包括函数和变量),可以认为是构造函数(类)继承了它的prototype属性对应的prototype对象的函数和变量,也就是说,
prototype对象模拟了一个超类的效果.听着比较拗口,我们直接看个实例吧:

Js代码
function Person(name,sex) {  //Person类的构造函数  
    this.name = name;  
    this.sex = sex;  
}  
Person.prototype.age = 12;   //为Person类的prototype属性对应的prototype对象的属性赋值,  
                             //相当于为Person类的父类添加属性  
Person.prototype.print = function() { //为Person类的父类添加方法  
    alert(this.name+"_"+this.sex+"_"+this.age);  
};  
 
var p1 = new Person("name1","male"); //p1的age属性继承子Person类的父类(即prototype对象)  
var p2 = new Person("name2","male");  
 
p1.print();  //name1_male_12  
p2.print();  //name2_male_12  
 
p1.age = 34; //改变p1实例的age属性  
p1.print();  //name1_male_34  
p2.print();  //name2_male_12  
 
Person.prototype.age = 22;  //改变Person类的超类的age属性  
p1.print();  //name1_male_34(p1的age属性并没有随着prototype属性的改变而改变)  
p2.print();  //name2_male_22(p2的age属性发生了改变)  
 
p1.print = function() {  //改变p1对象的print方法  
    alert("i am p1");  
}  
 
p1.print();  //i am p1(p1的方法发生了改变)  
p2.print();  //name2_male_22(p2的方法并没有改变)  
 
Person.prototype.print = function() { //改变Person超类的print方法  
    alert("new print method!");  
}  
 
p1.print();  //i am p1(p1的print方法仍旧是自己的方法)  
p2.print();  //new print method!(p2的print方法随着超类方法的改变而改变) 

function Person(name,sex) {  //Person类的构造函数
    this.name = name;
    this.sex = sex;
}
Person.prototype.age = 12;   //为Person类的prototype属性对应的prototype对象的属性赋值,
                             //相当于为Person类的父类添加属性
Person.prototype.print = function() { //为Person类的父类添加方法
    alert(this.name+"_"+this.sex+"_"+this.age);
};

var p1 = new Person("name1","male"); //p1的age属性继承子Person类的父类(即prototype对象)
var p2 = new Person("name2","male");

p1.print();  //name1_male_12
p2.print();  //name2_male_12

p1.age = 34; //改变p1实例的age属性
p1.print();  //name1_male_34
p2.print();  //name2_male_12

Person.prototype.age = 22;  //改变Person类的超类的age属性
p1.print();  //name1_male_34(p1的age属性并没有随着prototype属性的改变而改变)
p2.print();  //name2_male_22(p2的age属性发生了改变)

p1.print = function() {  //改变p1对象的print方法
    alert("i am p1");
}

p1.print();  //i am p1(p1的方法发生了改变)
p2.print();  //name2_male_22(p2的方法并没有改变)

Person.prototype.print = function() { //改变Person超类的print方法
    alert("new print method!");
}

p1.print();  //i am p1(p1的print方法仍旧是自己的方法)
p2.print();  //new print method!(p2的print方法随着超类方法的改变而改变)

看过一篇文章介绍说javascript中对象的prototype属性相当于java中的static变量,可以被这个类下的所有对象
共用.而上面的例子似乎表明实际情况并不是这样:
在JS中,当我们用new操作符创建了一个类的实例对象后,它的方法和属性确实继承了类的prototype属性,类的prototype属性
中定义的方法和属性,确实可以被这些实例对象直接引用.但是,当我们对这些实例对象的属性和方法重新赋值或定义后,那么
实例对象的属性或方法就不再指向类的prototype属性中定义的属性和方法,此时,即使再对类的prototype属性中相应的方法或
属性做修改,也不会反应在实例对象身上.这就解释了上面的例子:
一开始,用new操作符生成了两个对象p1,p2,他们的age属性和print方法都来自(继承于)Person类的prototype属性.然后,我们
修改了p1的age属性,后面对Person类的prototype属性中的age重新赋值(Person.prototype.age = 22),p1的age属性并不会
随之改变,但是p2的age属性却随之发生了变化,因为p2的age属性还是引自Person类的prototype属性.同样的情况在后面的
print方法中也体现了出来.

通过上面的介绍,我们知道prototype属性在javascript中模拟了父类(超类)的角色,在js中体现面向对象的思想,prototype属性
是非常关键的.