【JS応用|初心者向け】JavaScriptの隠れた名手「Object.create」でオブジェクト指向をマスターしよう

導入: なぜObject.createが重要なのか

JavaScriptでオブジェクトを作成する際、通常は「{}(リテラル)」を使いますよね。しかし、プロの現場では「あるオブジェクトをベースにして新しいオブジェクトを作りたい」という場面によく遭遇します。Object.createを使うと、既存のオブジェクトを「親」として継承関係をスマートに作ることができます。これにより、メモリの節約やコードの再利用性が劇的に向上し、複雑なアプリケーションの設計がグッと楽になります。

基礎知識: プロトタイプ継承とは?

JavaScriptは「プロトタイプベース」の言語です。これは、すべてのオブジェクトが別のオブジェクトを「親(プロトタイプ)」として持ち、そこからメソッドやプロパティを借りてくる仕組みのことです。Object.createは、この「親」を直接指定して新しいオブジェクトを作るためのメソッドです。

実装/解決策: Object.createの基本構文

Object.create(proto)という形式で使います。引数に渡したオブジェクトが、新しく作られたオブジェクトの「__proto__(内部的な親)」として設定されます。

サンプルプログラム

以下のコードをコピーして、ブラウザのコンソールやNode.jsで実行してみてください。

// 1. 親となるオブジェクト(原型)を定義
const animal = {
  sayHello: function() {
    console.log(`こんにちは、私は${this.name}です。`);
  }
};

// 2. Object.createを使って、animalを親として新しいオブジェクトを作成
const dog = Object.create(animal);

// 3. 自分のプロパティを追加
dog.name = "ポチ";

// 4. 実行確認
// 自身のプロパティを表示
console.log(dog.name); // ポチ

// 親(animal)のメソッドを呼び出す(継承されている!)
dog.sayHello(); // こんにちは、私はポチです。

応用・注意点: 実務で気をつけること

Object.createを使う際に注意すべきポイントが2つあります。

1. プロパティの初期化: Object.createで生成した直後のオブジェクトは「空」の状態です。{}で作成したオブジェクトと異なり、Object.prototype(JavaScriptの標準的な機能)を継承しないように作成することも可能です(Object.create(null)とします)。これを使うと、意図しないメソッドの混入を防げるため、辞書(連想配列)として安全に使えます。
2. ES6クラスとの使い分け: 最近のJavaScriptでは「class」構文が主流です。複雑な継承関係を作るならclassの方が可読性が高い場合が多いですが、Object.createは「特定のオブジェクトをテンプレートにして、手軽にカスタマイズしたい」という場合に非常に軽量で強力な武器になります。

まずは、小さなオブジェクトをベースにして、その機能を継承した新しいオブジェクトを作る感覚をぜひ試してみてください!

タイトルとURLをコピーしました