【JavaScript】オーバーライド - スーパークラスのメソッドをサブクラスで再定義する

JavaScriptのオーバーライドについて解説します。

検証環境

JavaScript -

macOS

14.1

オーバーライド

オーバーライドは“サブクラスでスーパークラスのメソッドを再定義すること”です。

一般的にスーパークラスのメソッドと意味（処理目的等）は同じであるが、処理内容が異なる場合に使用します。

基本構文

オーバーライドするにはスーパークラスの対象メソッドと同じメソッド名のメソッドをサブクラスで定義します。

class サブクラス名 extends スーパークラス名 {
    メソッド名( 仮引数１, 仮引数２ ... ) {
        // 処理...
        return 戻り値;
    }
}

サンプル

sample.js

class Person {
    name;
    
    greeting() {
        console.log("Hello");
        console.log("My name is " + this.name);
    }
}

class Teacher extends Person {
    subject;
    
    ___ih_hl_start
    greeting() {
        console.log("Hello");
        console.log("I'm a " + this.name + ", a " + this.subject + " instructor");
    }
    ___ih_hl_end
}

let t = new Teacher();
t.name = "TANAKA";
t.subject = "Programming";

t.greeting();

Console

Hello
I'm a TANAKA, a Programming instructor

１３〜１６行目がオーバーライドです。

Personクラス（スーパークラス）のgreetingメソッドをTeacherクラス（サブクラス）で再定義しています。

２３行目のgreetingメソッドの呼び出しでは、実行結果からオーバーライドした内容の処理が実行されたことが分かります。