TypeScriptのジェネリッククラス

TypeScriptではジェネリックインターフェースに加えて、 ジェネリッククラスも作成することができます。

ジェネリック型のクラス User を作成してみましょう。 ジェネリック型のプロパティ value も記述し、 対応するコンストラクタを作成します:

typescriptclass User <T> {
  value: T;
  constructor(userData: T) {
    this.value = userData;
  }
}

では、このクラスのオブジェクトを作成し、 そのプロパティに文字列値を設定してみましょう:

typescriptlet user = new User('john');
console.log(user.value); // 'john'

しかし、オブジェクトの呼び出し時に文字列値を既に設定している場合、 その値を別の型で上書きすることはできません:

typescriptlet user = new User('john');
user.value = 35;

コードを実行しようとすると、次のエラーが表示されます:

typescriptType 'number' is not assignable to type 'string'.

ただし、文字列値の上書きは可能です:

typescriptlet user = new User('john');
user.value = 'alex';
console.log(user.value); // 'alex'

注意点として、同じオブジェクトのプロパティを別の型で上書きすることはできませんが、 単純に別のオブジェクトを作成することは可能です:

typescriptlet newUser = new User(35);
console.log(newUser.value); // 35