当前位置：首页 > 资讯 > 技术文档

关于javascript原型的修改与重写(覆盖)差别详解

时间：2020-04-23 10:36 编辑：来源：阅读：
扫一扫，手机访问

摘要：关于javascript原型的修改与重写(覆盖)差别详解

每个JavaScript函数都有prototype属性(javascript对象没有这个属性)，这个属性引用了一个对象，这个对象就是原型对象。javascript允许我们修改这个原型对象。 [b]修改有2种方式：[/b] [b]方式1：[/b]在原有的原型对象上增加属性或者方法

function Person()
{
}

Person.prototype.add = function(){
 alert(this.name);
};

Person.prototype.name = "aty";

var p1 = new Person();
p1.add();//aty

[b]方式2：[/b]重写(覆盖)原型对象

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原型的修改与重写(覆盖)差别详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持编程素材网。

全部评论(0)

上一篇：asp.net javascript 文件无刷新上传实例代码第1/2页
下一篇：js获取元素的偏移量offset简单方法(必看)

资讯排行榜
更多>>