TypeError: setting getter-only property "x"

エラーメッセージ

TypeError: Cannot set property x of #<Object> which has only a getter (V8-based)
TypeError: '#x' was defined without a setter (V8-based)
TypeError: setting getter-only property "x" (Firefox)
TypeError: Attempted to assign to readonly property. (Safari)
TypeError: Trying to access an undefined private setter (Safari)

エラーの種類

厳格モードでのみ、TypeError。

エラーの原因

ゲッターのみが定義されているプロパティに、新しい値を設定しようとしています。厳格モード以外では暗黙裡に無視されるだけですが、 厳格モードでは TypeError が発生します。クラスは常に厳格モードで動作するため、ゲッターのみを持つプライベート要素に値を代入しようとすると、常にこのエラーが発生します。

例

セッターのないプロパティ

下記の例では、プロパティのゲッターの設定方法を示しています。セッターを指定していないため、 temperature プロパティに 30 を設定しようとすると、TypeError が発生します。詳細は Object.defineProperty() ページを見てください。

"use strict";

function Archiver() {
  const temperature = null;
  Object.defineProperty(this, "temperature", {
    get() {
      console.log("get!");
      return temperature;
    },
  });
}

const arc = new Archiver();
arc.temperature; // 'get!'

arc.temperature = 30;
// TypeError: setting getter-only property "temperature"

このエラーを修正するには、 temperature プロパティに値を設定しようとしている 16 行目を取り除くか、次のようにセッターを実装します。

"use strict";

function Archiver() {
  let temperature = null;
  const archive = [];

  Object.defineProperty(this, "temperature", {
    get() {
      console.log("get!");
      return temperature;
    },
    set(value) {
      temperature = value;
      archive.push({ val: temperature });
    },
  });

  this.getArchive = function () {
    return archive;
  };
}

const arc = new Archiver();
arc.temperature; // 'get!'
arc.temperature = 11;
arc.temperature = 13;
arc.getArchive(); // [{ val: 11 }, { val: 13 }]

関連情報

• Object.defineProperty()
• Object.defineProperties()