Cómo utilizar alias de tipo en TypeScript

Introducción

Es importante crear código dinámico y reutilizable. La regla Don’t-Repeat-Yourself o DRY es un principio importante que se debe seguir al escribir código en TypeScript. El uso de alias de TypeScript le ayudará a lograrlo.

En este tutorial, refactorizarás código que utiliza literales de cadena para incluir alias. Podrás usar y comprender los alias de TypeScript.

Prerrequisitos

Para completar con éxito este tutorial, necesitará lo siguiente:

• La última versión de TypeScript instalada en su equipo. Este tutorial sobre cómo configurar un nuevo proyecto de TypeScript puede ayudarlo a lograrlo.
• Comprensión de los literales de cadena. Este artículo sobre los tipos de literales de cadena de TypeScript es un buen punto de partida.

Paso 1: Uso de cadenas literales

Los literales de cadena nos permiten usar una cadena como tipo. Crea una variable llamada pety, en lugar de establecerla como igual a un tipo tradicional como cadena, asígnale 'cat'el tipo:

let pet: 'cat';

Dado que petes del tipo 'cat', solo toma el valor de 'cat'. Cualquier otro valor da como resultado error:

pet = 'cat'; // Okpet = 'dog'; // Compiler error

En el fragmento de código anterior, asignar peta 'dog'provocará un error ya que el único valor válido para petes 'cat'.

Los literales de cadena se vuelven aún más poderosos cuando se utilizan con tipos de unión. Los tipos de unión se utilizan para definir valores que pueden ser de más de un tipo. Con los tipos de unión, el |carácter se utiliza para separar los diferentes tipos posibles:

let pet: 'cat' | 'dog';

La petvariable ahora puede tomar como valores 'cat'o 'dog'. Si se asigna peta cualquier otro valor de cadena, se generará un error:

pet = 'cat'; // Okpet = 'dog'; // Okpet = 'zebra'; // Compiler error

Puede obtener más información sobre los tipos de unión en este artículo .

Pero peten sí no es un type. Es una variable. Si se utiliza petcomo a typese producirá un error.

let gator: pet; // error: 'pet' refers to a value, but is being used as a type here

Dado que petno es un tipo válido, el 'cat' | 'dog'tipo se debe repetir nuevamente. Esto puede hacer que el código sea innecesariamente repetitivo. El uso del alias de tipo puede resolver este problema.

Paso 2: Uso de alias de tipo

Para implementar el alias de tipo, utilice la typepalabra clave para crear un nuevo type. Utilice typepara declarar petcomo tipo:

type pet = 'cat' | 'dog';

Al crear un type, puedes usarlo peten cualquier parte de tu código como si fuera una numbercadena o cualquier tipo primitivo o de referencia:

let pet1: pet = 'cat';let pet2: pet = 'dog';

Cualquier valor que no haya sido declarado como parte del pettipo generará un error:

let gator: pet = "horse"; // error

El ejemplo anterior se utilizó typecon un valor de cadena, pero typese puede utilizar con cualquier tipo.

type num = 1 | 2; // numbertype bool = true | false; // booleantype obj = {a: 1} | {b: 2}; // objecttype func = (() = string) | (() = void); // function

Ahora que sabe cómo utilizar el tipo alias type, puede hacer que su código sea más genérico y menos repetitivo.

Conclusión

En este artículo, utilizó el alias de tipo TypeScript para refactorizar su código. Su uso typepuede ayudarlo a crear código limpio que no sea innecesariamente repetitivo.

Como siguiente paso, es posible que desees llevar tu conocimiento de TypeScript al siguiente nivel aprendiendo sobre los genéricos. Este artículo sobre los genéricos de TypeScript es un excelente recurso al que recurrir.