javascript オブジェクトのプロパティの追加を禁止する

2020.11.03
javascript
javascript

javascriptで、preventExtensionsを使用して、オブジェクトへのプロパティの追加を禁止するサンプルコードを記述してます。

1. 環境
2. preventExtensions使い方

環境

OS windows10 pro 64bit
Apache 2.4.43
ブラウザ chrome 84.0.4147.105

windows10にApacheのインストール

preventExtensions使い方

preventExtensionsを使用すると、オブジェクトへのプロパティの追加を禁止することが可能です。

以下のようにオブジェクトのプロパティを追加するコードを

const human = {
  name: 'tanaka',
  age: 30
};

human.tel = 123123123;

console.log(
  human.tel
); // 123123123

const human = {

age: 30

};

human.tel = 123123123;

console.log(

human.tel

); // 123123123

preventExtensionsを使用すると追加できなくなります。

const human = {
  name: 'tanaka',
  age: 30
};

Object.preventExtensions(human);

human.tel = 123123123;

console.log(
  human.tel
); // undefined

const human = {

age: 30

};

Object.preventExtensions(human);

human.tel = 123123123;

console.log(

human.tel

); // undefined

use strictを指定すると、preventExtensions後にプロパティを追加しようとするとエラーとなります。

use strictについて

'use strict';

const human = {
  name: 'tanaka',
  age: 30
};

Object.preventExtensions(human);

human.tel = 123123123; // エラー

'use strict';

const human = {

age: 30

};

Object.preventExtensions(human);

human.tel = 123123123; // エラー

エラー内容

Uncaught TypeError: Cannot add property tel, object is not extensible

1	Uncaught TypeError: Cannot add property tel, object is not extensible

また、削除や更新は可能となります。

'use strict';

const human = {
  name: 'tanaka',
  age: 30
};

Object.preventExtensions(human);

human.name = "suzuki";

delete human.age;

console.log(
  human  
);

'use strict';

const human = {

age: 30

};

Object.preventExtensions(human);

human.name = "suzuki";

delete human.age;

console.log(

human

);

実行結果

プロパティが追加できるかを確認するには「isExtensible」を使用します。

const human = {
  name: 'tanaka',
  age: 30
};

console.log(
  Object.isExtensible(human) // true
);

Object.preventExtensions(human);

console.log(
  Object.isExtensible(human) // false
);