javascript オブジェクトを継承する

javascript オブジェクトを継承する

javascriptで、オブジェクトを継承するサンプルコードを掲載してます。ブラウザはchromeを使用しています。

環境

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

オブジェクトを継承

オブジェクトを継承するには、「Object.create」を使用することで可能です。

実行結果を確認すると、オブジェクトが継承されていることが確認できます。

サンプルコード

以下は、
「実行」ボタンをクリックして、オブジェクトを継承した関数を実行して表示するサンプルコードとなります。

※cssには「tailwind」を使用して、アロー関数で関数は定義してます。

実行結果を確認すると、継承した関数が実行されていることが確認できます。