JavaScript原型模式下篇-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_23143555/article/details/80717137

本文通过一个JavaScript示例探讨了原型污染的问题，展示了当修改原型对象中的引用类型属性时如何影响其他实例，并讨论了这种现象在实际开发中的利弊。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
<head>
<script type="text/javascript">
function Person(){
};
Person.prototype = {
constructor: Person,
username: "logic",
password: "12345",
places: ['西安', '武汉', '成都']
}
var person1 = new Person();
var person2 = new Person();
person1.username = '昆明';
console.log(person1.username); //昆明
console.log(person2.username); //logic
console.log(person1.hasOwnProperty("username")); //true
console.log(Person.prototype.username); //logic
/*
如果共享的属性仅仅只是基本类型，那么不存在污染问题。
一个实例如果仅仅只是读取基本类型属性那么对其它实例不会有影响。
一个实例如果定义了一个原型中不存在的基本类型属性那么对其它实例也不会有影响。
一个实例如果定义了一个原型中存在的基本类型属性那么对其它实例也不会有影响。因为此时是重写性质。
但是，但是，但是如果一个实例修改了原型中的引用类型属性，那么就会对其它实例产生影响。
*/
person1.places[0] = '广州';
console.log(person1.places[0]); //广州
console.log(person2.places[0]); //广州
//当然，如果这种耦合正是你想要的，那么原型模式当之无愧是好的。如果不是呢？无疑是残缺。
</script>
</body>
<body>

</body>
</html>