是否可以在 js 中为对象的新属性添加值？

Question

在 js 中我创建了一个对象。我想向对象的原型添加一个新属性，并且该属性将因实例而异。 现在为了增加价值，我使用了 get。但这给了我错误。我已经添加了下面的代码。

我怎样才能完成这件事？

我已经用谷歌搜索过了。我所学到的只是 get 他们为现有财产增加了价值。但我想为新属性增加价值，这会因实例而异。

var computer = function (name, ram) {
    this.name = name;
    this.ram = ram;
};

Object.defineProperty(computer.prototype, "graphic", {
    set: function graphic(value) {
        this.graphic = value;
    },
    get: function graphic() {
        return this.graphic;
    },
});

var vio = new computer("sony", "8gb");


vio.graphic = "gtx980";

console.log(vio.graphic);

错误消息：

enter image description here

Answer 1

重读你的问题，我会回答你真正关心的问题：

当你把东西放在原型上时，它们会在所有实例之间共享（就像你用像 Java 这样的经典语言将它们添加到类中）。 当你把东西放在this 上时，它们只能被特定的实例访问。

以下工作，没有 setter 或 getter：

function Computer(name, ram) { // Please use Capital names for constructors
    this.name = name;
    this.ram = ram;
};

let vio = new Computer('sony', '8gb');
vio.graphic = 'gtx980';

graphic 属性只存在于vio 中保存的实例，而不是所有的计算机实例。

另一方面，如果您要这样做：

function Computer(name, ram) {
  this.name = name;
  this.ram = ram;
}

Computer.prototype.graphic = 'gtx980';

// All instances of Computer will now have a .graphic with the value of 'gtx980'.

---

您收到错误的原因是您为graphic 定义了一个setter，在其中，您试图分配给graphic，它调用graphic 的setter，它试图分配给@987654329 @ 调用....你明白了。

解决方案是更改实际变量的名称（例如 _graphic）。

var computer = function (name, ram) {
    this.name = name;
    this.ram = ram;
};

Object.defineProperty(computer.prototype, "graphic", {
    set: function graphic(value) {
        this._graphic = value;
    },
    get: function graphic() {
        return this._graphic;
    },
});

var vio = new computer("sony", "8gb");


vio.graphic = "gtx980";

console.log(vio.graphic);

请注意，JS 并没有真正的私有变量。您将无法阻止某人更改_graphic。