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:

class 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:

let 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:

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

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

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

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

let 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:

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