Clases genéricas en TypeScript

Además de las interfaces genéricas en TypeScript, también se pueden crear clases genéricas.

Vamos a crear una clase User de tipo genérico. Escribamos también la propiedad value de tipo genérico y hagamos el correspondiente constructor:

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

Ahora creemos un objeto de esta clase y asignémosle un valor de cadena en la propiedad:

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

Sin embargo, si ya hemos asignado un valor de cadena al objeto durante su invocación, no podremos sobrescribir este valor con otro tipo:

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

Al intentar ejecutar el código, veremos el siguiente error:

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

Pero al mismo tiempo, podemos sobrescribir el valor de cadena:

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

Tenga en cuenta que no podemos sobrescribir la propiedad del mismo objeto con otro tipo, pero podemos crear simplemente otro objeto:

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