关于javascript原型的修改与重写(覆盖)差别详解
更新时间：2016年08月31日 09:18:10 投稿：jingxian
下面小编就为大家带来一篇关于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中"修改引用"和"修改引用指向的对象"很相似，效果也是一样的。
以上这篇关于javascript原型的修改与重写(覆盖)差别详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
原生js实现jquery函数animate()动画效果的简单实例
下面小编就为大家带来一篇原生js实现jquery函数animate()动画效果的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-08
注册的时候需要发送验证激活帐号的邮件，为了避免邮件的多次重复发送，所以可以在点击了发送后，设置按钮变灰，倒计时一段时间后又可重复点击，具体实现如下，感兴趣的朋友可以参考下哈2013-07-07
js下将字符串当函数执行的方法，需要的朋友可以参考下。2011-07-07
手风琴效果的下拉菜单大家都有见到过吧，实现的方法也有很多，这篇文章就为大家分享了javascript手风琴下拉菜单实现代码，纯手写的，感兴趣的朋友不要错过。2015-11-11
JavaScript 早已不只是一门写写网页特效的脚本语言了，如今广泛用于网站的前端交互。2011-04-04
这篇文章主要介绍了微信小程序实现页面跳转传值以及获取值的方法,结合实例形式总结分析了微信小程序页面跳转及传值的常用操作技巧,需要的朋友可以参考下2017-12-12
indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。本文给大家介绍ie8 不支持 indexof 的解决方法2016-03-03
用js实现控件的隐藏及style.visibility的使用
用js控制控件的隐藏，使用style.visibility实现 ，具体代码如下，感兴趣的朋友可以参考下哈，希望对大家有所帮助2013-06-06
今天小编就为大家分享一篇layui--js控制switch的切换方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
这篇文章主要为大家详细介绍了微信小程序uniapp添加悬浮菜单，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-04-04
最新评论