首页 > 关于原型对象的问题

关于原型对象的问题

关于原型对象的问题

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

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


person1.friends.push('window');

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

【热门文章】
【热门文章】