{category}

JavaScript - 継承とポリモーフィズム

オーバーライド

オブジェクト指向

意味 親クラスのメソッドを上書き


オーバーライドとは?

オーバーライドとは、子クラスが親クラスで定義されたメソッドを新しい内容で上書きすることを指します。これにより、親クラスの振る舞いを子クラスで特化した形に変更することが可能になります。

オーバーライドの具体的な使い方

サブクラスでスーパークラスのメソッドを上書きする例

class Vehicle {
  constructor(name) {
    this.name = name;
  }
  start() {
    return `${this.name}のエンジンを始動します。`;
  }
}

class ElectricCar extends Vehicle {
  start() {
    return `${super.start()} 静かに始動します。`;
  }
}

class DieselTruck extends Vehicle {
  start() {
    return `${super.start()} ゴトゴトと音を立てて始動します。`;
  }
}

const tesla = new ElectricCar('Tesla Model S');
const volvo = new DieselTruck('Volvo FH16');

console.log(tesla.start());
console.log(volvo.start());

👇出力結果

Tesla Model Sのエンジンを始動します。 静かに始動します。
Volvo FH16のエンジンを始動します。 ゴトゴトと音を立てて始動します。

この例では、'Vehicle'クラスの'start'メソッドを'ElectricCar'と'DieselTruck'クラスでオーバーライドしています。各サブクラスは親クラスの'start'メソッドを呼び出し(super.start())、そこに独自の動作を追加しています。これにより、各車種に特有の始動方法を表現しています。

オーバーライドに関するよくある質問

Q. オーバーライドとは?
A. オーバーライドとは、子クラスで親クラスのメソッドを再定義することです。これにより、親クラスの機能を継承しつつ、子クラス固有の動作を実装できます。
Q. オーバーライドの利点は?
A. オーバーライドの主な利点は、既存のコードを変更せずに子クラスで特殊な動作を実装できることです。これにより、コードの再利用性と拡張性が向上します。
Q. 親メソッドも呼び出せる?
A. はい、オーバーライドしたメソッド内で親クラスの同名メソッドを呼び出すことができます。これには'super'キーワードを使用します。例:super.methodName()。これにより、親の機能を拡張できます。

オーバーライドが学べる書籍の紹介

「プログラミング単語帳」を使って、プログラミングの単語を英単語のように学習してみませんか?
プログラミング単語帳には、JavaScriptのオーバーライドやPrototype、カプセル化、継承、などのような実務でよく使われる単語が数百以上収録されています。
この書籍には、プログラミングの単語の意味や読み方、単語の使い方がわかる例文などが掲載されており、いつでもどこでもプログラミングの学習ができます。

よく使われる単語にだけ絞って学習することができるので、効率的にプログラミングが学習できます。

1日5分の暗記でプログラミンが身に付く!プログラミング単語帳 公式ストアで発売中!

HTML編、CSS編、JavaScript編、PHP編、Ruby編、その他単語編の6シリーズ分が公式ストアにて販売中です。気になった方はぜひ購入してみてください。


JavaScriptを学べる「プログラミング単語帳」アプリ

プログラミング単語帳がアプリになりました!JavaScriptはもちろん、10種類のプログラミング言語の中から、よく使われる単語をスマホで学習できます。

収録単語は2,000単語以上!
現在は、HTML、CSS、JavaScirpt、PHP、Laravel、Ruby、Python、MySQL、Linux、など10カテゴリーの単語帳が1つのアプリに収録されています。

いつでも、どこでも、隙間時間を有効活用して、プログラミングを効率的に学べるので、ぜひダウンロードしてみてください。

2024年7月アップデート情報:「Laravel」カテゴリーが追加されましました!

2024年8月アップデート情報:「MySQL」「Linux」カテゴリーが追加されましました!


関連するそのほかの単語

Prototype

元のオブジェクト

種類: プロトタイプベース

カプセル化

データを隠蔽し、安全に管理

種類: カプセル化

継承

既存のクラスの特性を引き継ぐ

種類: 継承とポリモーフィズム

createTextNode()

テキストノード作成

種類: DOMの作成・変更・削除

Function

関数型

種類: オブジェクト型