Generiska klasser i TypeScript

Förutom generiska gränssnitt i TypeScript kan man även skapa generiska klasser.

Låt oss skapa en klass User av generisk typ. Vi skriver också egenskapen value av generisk typ och skapar en motsvarande konstruktor:

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

Nu skapar vi ett objekt av denna klass och tilldelar det ett strängvärde:

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

Men om vi redan har tilldelat objektet ett strängvärde när vi skapar det, kan vi inte ersätta det värdet med en annan typ:

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

När vi försöker köra koden får vi följande felmeddelande:

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

Men samtidigt kan vi skriva över strängvärdet:

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

Observera att vi inte kan skriva över en egenskap i samma objekt med en annan typ, men vi kan skapa ett helt nytt objekt:

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