关于原型对象的问题

specialCoder
  • 2.1k

关于原型对象的问题

function Person(name,age,job){
    this.name=name;
    this.age=age;
    this.job=job;
}
Person.prototype.friends=['shell','dom','bom'];
Person.prototype.color='red';
var person2=new Person('Mark',29,'teach');
person2.color='green';
console.log(person2.color);//green
var person1=new Person('jack',19,'stu');
console.log(person1.color);//red

person1.friends.push('window');
console.log(person1.friends);//["shell", "dom", "bom", "window"]
console.log(person2.friends);//["shell", "dom", "bom", "window"]

问题描述:
1.我们可以通过对象实例访问原型中的值,却不能通过对象实例来重写原型中的值。如果在实例中添加了一个与对象原型中重名的属性,该属性将会屏蔽原型中那个属性。(javascript高级程序设计(第三版))
如以上代码前两个显示的测试结果 :

console.log(person2.color);//green
console.log(person1.color);//red

2.关键问题是,改变了person1的friends,为什么引起了person1原型中值friends的改变??
如上代码后两个测试结果:

console.log(person1.friends);//["shell", "dom", "bom", "window"]
console.log(person2.friends);//["shell", "dom", "bom", "window"]
回复
阅读 2.4k
3 个回答
✓ 已被采纳

person1.friends.push('window');

这里的 firends 属性仍旧取的是原型 Person.prototype.friends,因为 person1 并没有自己的属性 friends,push 并不能产生一个新的数组。

你还记得引用类型值的存储方式吗?(参见《JavaScript高级程序设计》(第三版)P68)

friends是一个指针,它的真正的值是一个指针值,或者叫地址值,我们假设这个值为0x21。然后再根据这个地址,找到储存在堆内存中的对象["shell", "dom", "bom"]。

也就是:friends=0x21————>对象。

一开始,为friends=0x21————>["shell", "dom", "bom"];

然后,你person1.friends.push('window');之后,就变成:

friends=0x21————>["shell", "dom", "bom", "window"];

friends的地址值是没有变化的。

你用person1.friends和person2.friends前后访问的都是这个地址值。

不矛盾,你没有改变原型的friends的值,它仍旧是原来那个数组。注意一点是,对于数组来说,它的值是它的地址,而不是数组里面的项的值。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏