Cómo utilizar tipos en TypeScript: explicación para principiantes

TypeScript introduce la tipificación estática en JavaScript, lo que ayuda a detectar errores durante el desarrollo y mejora la calidad del código. Este artículo le guiará a través de los conceptos básicos del uso de tipos en TypeScript, lo que facilitará a los principiantes la comprensión de cómo aprovechar el sistema de tipos de TypeScript.

¿Qué son los tipos en TypeScript?

Los tipos en TypeScript ayudan a definir la forma y la estructura de los datos. Al especificar los tipos, se garantiza que las variables, los parámetros de funciones y los valores de retorno cumplan con los formatos esperados. Esto puede evitar muchos errores de programación comunes.

Tipos básicos

TypeScript proporciona varios tipos básicos que puedes usar para definir variables y funciones:

• Número: Representa valores numéricos.
• Cadena: Representa datos textuales.
• Booleano: Representa valores verdaderos o falsos.
• Matriz: Representa una colección de valores de un tipo específico.
• Objeto: Representa una colección de pares clave-valor.

Ejemplo de número

let age: number = 30;

Ejemplo de cadena

let name: string = "John Doe";

Ejemplo booleano

let isStudent: boolean = true;

Ejemplo de matriz

let scores: number[] = [85, 90, 78];

Ejemplo de objeto

let person: { name: string, age: number } = {
  name: "Jane Doe",
  age: 28
};

Inferencia de tipos

TypeScript puede inferir automáticamente los tipos en función de los valores asignados. Esto significa que no siempre es necesario especificar los tipos de forma explícita, aunque hacerlo puede mejorar la claridad del código.

Ejemplo de inferencia de tipos

let count = 10; // TypeScript infers count as number
count = "text"; // Error: Type 'string' is not assignable to type 'number'

Tipos personalizados con interfaces

Las interfaces en TypeScript permiten definir tipos personalizados con una estructura específica. Son especialmente útiles para crear objetos complejos y garantizar formas uniformes en toda la aplicación.

Ejemplo de interfaz

interface Person {
  name: string;
  age: number;
}

let employee: Person = {
  name: "Alice",
  age: 32
};

Tipos de uniones

Los tipos de unión permiten que una variable contenga valores de varios tipos. Esto puede resultar útil cuando un valor puede ser de varios tipos.

Ejemplo de tipo de unión

let id: number | string;
id = 123; // valid
id = "abc"; // valid
id = true; // Error: Type 'boolean' is not assignable to type 'number | string'

Alias ​​de tipo

Los alias de tipo permiten crear un nuevo nombre para un tipo. Esto puede resultar útil para simplificar definiciones de tipos complejas.

Ejemplo de alias de tipo

type ID = number | string;

let userId: ID;
userId = 456; // valid
userId = "xyz"; // valid

Conclusión

El uso de tipos en TypeScript ofrece numerosos beneficios, como la detección temprana de errores, una mejor legibilidad del código y una mayor facilidad de mantenimiento. Si comprende los tipos básicos, la inferencia de tipos, las interfaces, los tipos de unión y los alias de tipos, podrá empezar a aprovechar TypeScript para escribir código más sólido y confiable. A medida que adquiera más experiencia con TypeScript, descubrirá características y patrones aún más avanzados que pueden mejorar aún más su proceso de desarrollo.