JavaScriptのオブジェクトリテラルとコンストラクターの違いをわかりやすく解説

オブジェクトリテラルとnew Object()は同じことをしている

JavaScriptでは、new Object()という記述方法と、オブジェクトリテラル({})を使う記述方法のどちらでも、まったく同じ結果が得られます。どちらも新しいオブジェクトを初期化するための構文だからです。

ただし、オブジェクトにプロパティを追加していく段階になると、記述方法によってコードの見た目や扱いやすさに多少の違いが生じてきます。

オブジェクトリテラルによる初期化例

let a = {
    name: 'Ayush'
}

上記の初期化は、以下のいずれかの書き方と完全に同等です。

new Object()を使った同等の書き方

let a = new Object();
a.name = 'Ayush'

または、空のオブジェクトリテラルから始めて後からプロパティを追加することもできます。

let a = {}
a.name = 'Ayush'

継承クラスの場合は話が変わる

ただし、この等価性は継承されたクラスにはそのまま当てはまりません。カスタムコンストラクターを持つクラスでは、new ClassName()の呼び出しが、前述のような標準的なオブジェクト生成フローとは異なる処理を行うように設計されている可能性があります。

例えば、コンストラクター内で引数を受け取って内部状態を初期化したり、特定の条件下で既存のインスタンスを返す(シングルトン的な振る舞い)ようにしたりすることも、実装次第で可能です。

つまり、コンストラクターがどのように振る舞うかは、完全にプログラマーの裁量に委ねられているのです。

まとめ

シンプルなオブジェクトを作成するだけであれば、簡潔で可読性の高いオブジェクトリテラル({})を使うのが一般的なベストプラクティスとされています。new Object()も機能的には同じですが、コードが冗長になりがちなので、特別な理由がない限りリテラル表記を選ぶとよいでしょう。