コンストラクタ (ES5 以前)

コンストラクタはオブジェクトを作成して初期化する

コンストラクタは、オブジェクトを作成し、初期化するための関数オブジェクトです。

例えば、Person クラスのコンストラクタが、名前 name と 年齢age の二つの値を受け取るなら、次のようにコンストラクタを定義できます。

function Person(name, age) {
  this.name = name;
  this.age = age;
}

普通の関数の定義と同じです。引数としてnameとageを受け取っています。

特徴的なのは、コンストラクタの中でthisキーワードにプロパティを作って値を保存している点です。

こうして定義したPersonコンストラクタを使ってPersonオブジェクトを作るには、 newキーワードを付けてコンストラクタを呼び出します。

let p = new Person('Ichiro', 30);

console.log(`Name: ${p.name}`);
console.log(` Age: ${p.age}`);

この実行結果は次の通りです。

確かに p.name とp.age に、コンストラクタで渡した値がセットされています。

コンストラクタの中で this で参照していたのは、新しく作成されたオブジェクトそのものだからです。

試しに、コンストラクタの中でthisを出力してみましょう。

function Person(name, age) {
  console.log(this);
  this.name = name;
  this.age = age;
}

let p = new Person('Ichiro', 30);

確かに次のようにthisはPersonオブジェクトであることがわかりますね。

new を付けないで呼び出した時

コンストラクタの定義の仕方は、基本的に通常の関数と同じです。

このため、いくら開発者の気持ちとして、それをコンストラクタにするつもりだったとしても、 newを付けないで呼び出せば、当然ながらオブジェクトは作成されません。

試しに上のコードを、new 無しで実行してみましょう。

function Person(name, age) {
  console.log(this);
  this.name = name;
  this.age = age;
}

let p = Person('Ichiro', 30); // new を付けていない

これを実行すると、次のような内容が表示されます。

newを付けないで Person関数を呼び出したので、 thisは Global オブジェクトであるWindow オブジェクトをポイントしています。

従って、this.name や this.ageは　Global オブジェクトのプロパティとして値がセットされたことになります。エラーではありませんが、本来意図したことではありませんね。

new 無しの場合に備える new.target

newを付けて関数を呼び出した場合 (つまり、コンストラクタとして呼び出した場合)、 new.targetはそのコンストラクタ自身を指します。 一方、newを付けないで呼び出した時には、 new.targetはundefinedになります。

これを利用することで、誤ってnew無しで呼び出された場合にも、 オブジェクトが生成されるようにもできます。

function Person(name, age) {
  if (!new.target) {
      return new Person(name, age);
  }
  this.name = name;
  this.age = age;
}

ただし、このクラスから継承するクラスがある場合には、たいてい派生クラスのコンストラクタからこのコンストラクタを呼ぶ必要があります。 このときにはnew無しで呼ぶことになります。このため、new無しで呼ぶことを禁止する場合には、クラスの継承関係にも注意が必要です。

コンストラクタはプロトタイプオブジェクトをコピーする

コンストラクタ (関数オブジェクト) はそれぞれ、関連付けされたプロトタイプオブジェクトを持っています。

新しいオブジェクトの prototype プロパティには、コンストラクタの prototype オブジェクトへの参照がセットされます。 これによって、オブジェクト間の継承関係を定義したり、共有プロパティを実装するために利用することができます。