Object.freeze()

オブジェクト・フリーズ（組み込みオブジェクト）

意味オブジェクトの固定

Object.freeze()とは？

`Object.freeze()`メソッドは、オブジェクトを固定し、そのプロパティを追加、削除、または変更することを防ぐために使用されます。

Object.freeze()の具体的な使い方

ボタンクリックでオブジェクトを凍結する例

<button onclick='freezeExample()'>Freeze Example</button>
<script>
function freezeExample() {
  const obj = { prop: 42 };
  Object.freeze(obj);
  try {
    obj.prop = 33;
  } catch (e) {
    alert('エラー: ' + e.message);
  }
  alert('現在の値: ' + obj.prop);
}
</script>

この例では、`obj`オブジェクトを固定してから、そのプロパティを変更しようとするとエラーが発生し、現在の値がアラートで表示されます。

Object.freeze()の基本的な使用法

const obj = {
  prop1: 'value1',
  prop2: 'value2'
};

Object.freeze(obj);

// プロパティの変更を試みる
obj.prop1 = 'new value';

// 新しいプロパティの追加を試みる
obj.prop3 = 'value3';

// プロパティの削除を試みる
delete obj.prop2;

console.log(obj);

👇出力結果

{ prop1: 'value1', prop2: 'value2' }

この例では、オブジェクトをフリーズした後、プロパティの変更、追加、削除を試みています。フリーズされたオブジェクトは変更されないことがわかります。

Object.freeze()に関するよくある質問

Q. Object.freeze()の目的は？

A. Object.freeze()の主な目的は、オブジェクトを不変（イミュータブル）にすることです。これにより、オブジェクトのプロパティの追加、削除、変更を防ぎ、オブジェクトの構造を保護します。

Q. 凍結後のオブジェクトは変更可能？

A. いいえ、Object.freeze()で凍結されたオブジェクトは変更できません。プロパティの追加、削除、既存の値の変更はできません。ただし、ネストされたオブジェクトは別途凍結する必要があります。

Q. freeze()とconst宣言の違いは？

A. constはコンテナ自体の再代入を防ぎますが、オブジェクトの内容は変更可能です。一方、Object.freeze()はオブジェクトの内容を変更不可にしますが、変数自体の再代入は防げません。

Object.freeze()が学べる書籍の紹介

「プログラミング単語帳」を使って、プログラミングの単語を英単語のように学習してみませんか？
プログラミング単語帳には、JavaScriptのObject.freeze()やObject.assign()、Date.now()、Math.random()、などのような実務でよく使われる単語が数百以上収録されています。
この書籍には、プログラミングの単語の意味や読み方、単語の使い方がわかる例文などが掲載されており、いつでもどこでもプログラミングの学習ができます。

よく使われる単語にだけ絞って学習することができるので、効率的にプログラミングが学習できます。