每一个JavaScript函数都有prototype属性(javascript对象没有这个属性),这个属性引用了一个对象,这个对象就是原型对象。javascript同意我们改动这个原型对象。
改动有2种方式:
方式1:在原有的原型对象上添加属性或者方法
function Person()
{
}
Person.prototype.add = function(){
alert(this.name);
};
Person.prototype.name = "aty";
var p1 = new Person();
p1.add();//aty
方式2:重写(覆盖)原型对象
function Person()
{
}
Person.prototype = {
add : function(){
alert(this.name);
},
name : "aty"
}
var p2 = new Person();
p2.add();//aty
function Person()
{
}
function Animal()
{
}
var person = new Person();
var animal = new Animal();
// 改动原型
Person.prototype.say = function(){
alert("person");
}
// 改动原型
Animal.prototype = {
say : function(){
alert("person");
}
}
person.say();//person
animal.say();//Uncaught TypeError: undefined is not a function
假设是先创建对象。然后再改动原型,那么假设採用方式1,已经创建的对象可以正确訪问改动后的原型。假设採用方式2,已经创建的对象无法訪问到改动后的原型。从这个角度来看,显然方式1例如式2更好。为什么会这样呢?
function Person()
{
}
function Animal()
{
}
var person = new Person();
var animal = new Animal();
alert(person.__proto__ === Person.prototype);//true
alert(animal.__proto__ === Animal.prototype);//true
// 改动原型
Person.prototype.say = function(){
alert("person");
}
// 改动原型
Animal.prototype = {
say : function(){
alert("person");
}
}
alert(person.__proto__ === Person.prototype);//true
alert(animal.__proto__ === Animal.prototype);//false
非常显然这与java中"改动引用"和"改动引用指向的对象"非常相似。效果也是一样的。