TypeScriptのthis.constructorが非推奨となっていた件

オフ投稿者: sesera

この記事を書いている人

ITフリーランスをしているせせらと言います。
小さい頃からPCが大好きで、自作PCやプログラミングを小学生の頃からしていました。

this.constructorとは

TypeScriptでクラスのインスタンスから自身のコンストラクタを参照する方法としてthis.constructorが使われてきました。継承関係のあるクラスで、サブクラスからスーパークラスのメソッドを呼び出す際によく使用されていました。

class Animal {
    protected name: string;

    constructor(name: string) {
        this.name = name;
    }
}

class Dog extends Animal {
    bark() {
        // this.constructorを使用した例
        console.log(`${this.constructor.name}の${this.name}が鳴きます`);
    }
}

非推奨となった背景

TypeScript 4.8からthis.constructorの使用が非推奨となりました。主な理由は型安全性の問題です。JavaScriptのconstructorプロパティは動的な性質を持っているため、TypeScriptの型システムで正確に扱うことが難しかったのです。

実際のコードでは次のような問題が発生していました：

継承階層での型の不一致
コンパイル時のチェックが不十分
ランタイムエラーの可能性

具体的な問題点

以下のコードで具体的な問題を見てみましょう。

class Base {
    static doSomething() {
        return "Base";
    }

    method() {
        // 問題のあるコード
        return this.constructor.doSomething();
    }
}

class Derived extends Base {
    // staticメソッドをオーバーライドしていない
}

const d = new Derived();
d.method(); // 実行時エラーの可能性あり

このコードには以下の問題があります：

this.constructorの型が正確に推論できない
静的メソッドの存在チェックが不完全
継承時の型安全性が保証できない

推奨される代替手段

代わりに以下のアプローチが推奨されています：

スタティックメソッドの直接呼び出し

class Animal {
    static makeSound() {
        return "...";
    }

    makeNoise() {
        // 直接クラス名で呼び出し
        return Animal.makeSound();
    }
}

インスタンスメソッドの利用

class Shape {
    getType() {
        return "Shape";
    }

    describe() {
        // インスタンスメソッドを使用
        return `This is a ${this.getType()}`;
    }
}