每个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中"修改引用"和"修改引用指向的对象"很相似,效果也是一样的。
原文地址:http://blog.csdn.net/aitangyong/article/details/44773643