javascript プロトタイプチェーンを使用してみる

javascript プロトタイプチェーンを使用してみる

javascriptで、プロトタイプチェーンを使用した簡単なサンプルコードを記述してます。

環境

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

プロトタイプチェーン使い方

まずは、適当なオブジェクトを生成してコンソールに出力してみます。

コンソール画面

ここに表示されている、__proto__プロパティが、Objectのプロパティであるprototypeと同じになります。

そして、この__proto__プロパティは、全てのオブジェクトが持っており、
prototypeを参照してます。

プロトタイプチェーンとは、オブジェクトに必要なプロパティが見つからない場合に、__proto__のプロパティが、参照するprototypeオブジェクトの存在を確認し、nullになるまで実行されることを指します。

実際に、プロトタイプチェーンを使用してみます。

Hogeのプロトタイプが作成されていることが確認できます。

また、プロトタイプチェーンを使用することで関数を共通化することもできます。