jsのオブジェクトの新しいプロパティに値を追加することはできますか？

Question

jsではオブジェクトを作成しました。オブジェクトのプロトタイプに新しいプロパティを追加したいと思います。プロパティはインスタンスごとに異なります。 値を追加するにはをとします。しかし、それは私にエラーを与える。私は以下のコードを追加しました。

どうすればこの問題を解決できますか？

私はこれを見つけました。私が学んだのはです。は、既存のプロパティに値を追加します。しかし、私は新しいプロパティに値を追加したい、それはインスタンスごとに変化します。

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のようなal言語）。 thisに物を置くと、特定のインスタンスでのみアクセスできます。セッターやゲッターなし

次作品、：

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用セッターを定義することである

---

graphicに代入するとgraphicの設定者が呼び出され、graphicに割り当てようとすると....あなたがポイントを取得します。

解決策は、実際の変数の名前を変更することです（例：_graphic）。 JSが本当にプライベート変数を持っていない

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);

注意。あなたは誰かが_graphicを変更するのを防ぐことができません。