javascript原型的改动与重写(覆盖)区别

每一个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

能够看到上面这2种方式都能够改动原型。那他们的区别究竟是什么呢？究竟哪种方式才是推荐的的做法呢？

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中"改动引用"和"改动引用指向的对象"非常相似。效果也是一样的。

转载于:https://www.cnblogs.com/claireyuancy/p/6758973.html

总结

以上是生活随笔为你收集整理的javascript原型的改动与重写(覆盖)区别的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。