JS原型设计模式(四)之缺陷二

在java中我们知道数组是引用类型,在js中同样,数组也是引用类型,所以在原型上使用的属性是数组的时候会出现意想不到的问题

var Person=function (){};
Person.prototype={
    address:['北京市','上海市']
};
var person1=new Person();
var person2=new Person();
person1.address.push('深圳市');
console.log(person1.address);//北京市,上海市,深圳市
console.log(person2.address);//北京市,上海市,深圳市
所以在使用原型上时使用引用类型不应该放在原型对象上,应该放在构造函数中。


往往在我们重写原型对象时没有注意到,就忽略了本不应该出现的缺陷

var Person = function () {
};
var friend=new Person();
Person.prototype={
    sayHi:function(){
        console.log("-----------");
    }
}
friend.sayHi();//function is not defined

因为我们在第二次的时候是重新给原型属性赋予新的对象,而不是修改器原型对象 JS原型设计模式(四)之缺陷二_第1张图片

你可能感兴趣的:(js随笔)