JS オブジェクト コンストラクター Object.freeze

定数オブジェクト = {
  プロップ: 42
}
オブジェクトをフリーズする(obj)

obj.prop = 33 // 厳密モードではエラーが発生します。

コンソールログ(obj.prop) // 42

var obj = {
  プロパティ: 関数() {},
  foo:'バー'
}

// パラメータとして渡されたオブジェクトと返されたオブジェクトは両方とも凍結されるため、返されたオブジェクトを保存する必要はありません（両方のオブジェクトが等しいため）
var o = Object.freeze(obj)
o === obj // 真

// これからの変更は効果がありません obj.foo = 'he' // 何もしません Obj.hxx = 'he' // このプロパティを追加しないでください // Object.defineProperty 経由でプロパティを変更してみてください // 次の両方のステートメントは例外をスローします Object.defineProperty(obj,'foo',{value:'yy'})
Object.defineProperty(obj,'sex',{value:'女'})

// プロトタイプも変更できません // 次の 2 つのステートメントは例外をスローします Object.setPrototypeOf(obj,{x:20})
オブジェクト__prop__ = {x:20}

a = [0]とする
Object.freeze(a) // 配列は変更できなくなりました a[0] = 1 // 失敗 a.push(2) // 失敗

obj = {
  内部： {}
}

オブジェクトをフリーズする(obj)
obj.internal.a = '彼'
console.log(obj.internal.a) // 彼

deepFreeze = (obj) => {
  var propNames = Object.getOwnPropertyNames(obj);
  propNames.forEach(関数 (名前) {
    var prop = obj[名前];
    if (typeof prop == 'object' && prop !== null) {
      deepFreeze(プロパティ);
    }
  });
  オブジェクトをフリーズします。
}


deepFreeze1 = (obj) => {
  var prop、propName
  オブジェクトをフリーズする(obj)
  (propName in obj) の場合 {
    prop = obj[propName]
    if (!obj.hasOwnProperty(propName) || !(typeof prop === "object") || Object.isFrozen(prop)) {
      // プロトタイプ チェーンと凍結されたオブジェクトのプロパティをスキップします。
      続く
    }
    deepFreeze1(プロップ)
  }
}

タイトル: 「フロアセールス」、
価値： ""、
オプション: [],

新しいビュー({
  データ： {
    // Vue はリスト内のオブジェクトにゲッターとセッターをバインドしません list: Object.freeze([
      { 値: 1 },
      { 値: 2 }
    ])
  },
  マウントされた（）{
     // インターフェースは応答しません this.list[0].value = 100;


     // 次の2つのメソッドは this.list = [ に応答します。
       { 値: 100 },
       { 値: 200 }
     ];
     this.list = Object.freeze([
       { 値: 100 },
       { 値: 200 }
     ]);
  }
})