关于原型对象的问题

Question

关于原型对象的问题

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"]

Answer 1

person1.friends.push('window');

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

Answer 2

你还记得引用类型值的存储方式吗？（参见《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前后访问的都是这个地址值。

Answer 3

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