javascript - admin.attributes.isAdmin 被赋值。而 guest.attributes.isAdmin 没有分配任何内容。请让我明白

Question

我试图理解这段被 chop 的代码:

var User = function() {};

User.prototype.attributes = {
  isAdmin: false
};

var admin = new User("Sam"),
  guest = new User("Bob");

admin.attributes.isAdmin = true;

alert(admin.attributes.isAdmin);
alert(guest.attributes.isAdmin);

它的输出将为真(两次)

请帮助我理解这个概念。非常感谢任何帮助。谢谢

Answer 1

您可以使用 attributes 的副本，因为通过寻址 attributes，您会覆盖所有实例的值。

var User = function() {
        this.attributes = Object.assign({}, this.attributes);
    };

User.prototype.attributes = { isAdmin: false };

var admin = new User("Sam"), 
    guest = new User("Bob");

admin.attributes.isAdmin = true;

console.log(admin.attributes.isAdmin); 
console.log(guest.attributes.isAdmin);

Javascript 获取一个属性并查看它是否退出。如果不存在，它会在原型(prototype)链中查找该属性是否存在。如果存在，则取这个值。

赋值也是如此。

更详细的查看，可以访问Inheritance and the prototype chain