TypeScriptのクラス継承完全ガイド！基本からオーバーライドまで詳しく解説

class ParentClass {
    parentMember: string;
    
    constructor(member: string) {
        this.parentMember = member;
    }

    parentMethod() {
        console.log(`親クラスのメンバ：${this.parentMember}`);
    }
}

// 継承
class ChildClass extends ParentClass {
    childMethod() {
        console.log(`親クラスのメンバ：${this.parentMember}`);
    }
}

// インスタンス化
const child = new ChildClass("メンバ");
child.childMethod(); // 親クラスのメンバを使用可能
child.parentMethod(); // 親クラスのメソッドも継承される

class ParentOverrideProperty {
    property: string = "親プロパティ";
}

class ChildOverrideProperty extends ParentOverrideProperty {
    // 同じプロパティ名で定義すればよい
    property: string = "子プロパティ";
    // 違う型でオーバーライドしようとするとエラー
    // property: number = 30;
}

const pop = new ParentOverrideProperty();
console.log(`親クラスのプロパティ：${pop.property}`);
const cop = new ChildOverrideProperty();
console.log(`子クラスのプロパティ：${cop.property}`);

class ParentOverrideMethod {
    parentMethod() {
        console.log("親クラスのメソッドです。");
    }
}

class ChildOverrideMethod extends ParentOverrideMethod {
    parentMethod() {
        console.log("子クラスでオーバーライドされたメソッドです。");
    }
}

const pom = new ParentOverrideMethod();
pom.parentMethod(); // 親クラスのメソッド

const com = new ChildOverrideMethod();
com.parentMethod(); // 子クラスのオーバーライドメソッド

class ParentAddProperty {
    parentProperty: string;
    constructor(parentProperty: string) {
        this.parentProperty = parentProperty;
    }
}

class ChildAddProperty extends ParentAddProperty {
    childProperty: number;
    constructor(parentProperty: string, childProperty: number) {
        super(parentProperty); // 親のコンストラクタを呼び出す
        this.childProperty = childProperty;
    }
}