原型对象属性共享问题

谁践踏了优雅 2022-05-28 13:28 177阅读 0赞

原型模式为了省略为构造函数传递初始化参数这一环节，结果所有实例在默认情况下都取得相同的属性值。在某些情况下这会带来一些不便，但更为严重的问题则是包含引用类型值得的属性时的共享问题。

例：

有上述例子可以看出，当改变一个基本类型属性的值时，只改变该实例的属性值，其他实例仍取得默认的属性值；

当改变一个引用类型属性的值时，其他实例取得的属性值共享该实例改变的属性值，即在一个实例上改变引用类型属性后，其他实例仍共享改变后的属性值。

如果不希望此共享问题发生呢？

可以组合使用构造函数模式和原型模式

function Person(){
        this.family = ["father","mother"]; // 构造函数中定义一引用类型属性
    }

Person.prototype = {
        name : "snake",
        age ： 18,
        sayName : function(){
        console.log(this.name);
        },
    };
    
    var person1 = new Person();
    var person2 = new Person();

person1.family.pop(); //改变构造函数中定义的引用类型属性  
console.log(person1.family); // \[ 'father' \]  
console.log(person2.family); // \[ 'father', 'mother' \]  
console.log(person1.name); // snake  
console.log(person2.name); //snake  
由上述构造函数模式和原型模式组合使用例子可以看出，实例引用属性在构造函数中定义，而其他由所有属性共享的属性name、age以及方法sayName（）在原型中定义。而修改person1.family（删除末尾项）并不影响person2.family，他们分别引用的是不同的数组。