Conceptos básicos de TypeScript: variables y tipos simplificados

TypeScript mejora JavaScript al agregar tipos estáticos, que ayudan a detectar errores de manera temprana y mejoran la calidad del código. Este artículo simplificará los conceptos básicos de las variables y los tipos de TypeScript, lo que permitirá que los principiantes los comprendan claramente.

Comprensión de las variables en TypeScript

En TypeScript, las variables se declaran de forma similar a JavaScript, pero con el beneficio adicional de las anotaciones de tipo. Esto permite especificar qué tipo de datos debe contener una variable.

Declarando variables

Puedes declarar variables usando let, const y var. Sin embargo, se recomiendan let y const por sus funciones de alcance de bloque.

let age: number = 25;
const name: string = "Alice";

Tipos básicos en TypeScript

TypeScript proporciona varios tipos básicos para definir el tipo de datos que puede contener una variable:

• Número: Representa valores numéricos, incluidos números enteros y de punto flotante.
• 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 count: number = 100;

Ejemplo de cadena

let greeting: string = "Hello, World!";

Ejemplo booleano

let isActive: boolean = true;

Ejemplo de matriz

let scores: number[] = [90, 80, 70];

Ejemplo de objeto

let user: { name: string, age: number } = {
  name: "John",
  age: 30
};

Inferencia de tipos

TypeScript puede inferir automáticamente el tipo de una variable en función de su valor inicial. Esto significa que no siempre es necesario especificar explícitamente el tipo, aunque hacerlo puede hacer que el código sea más claro.

Ejemplo de inferencia de tipos

let age = 25; // TypeScript infers 'age' as number
age = "hello"; // Error: Type 'string' is not assignable to type 'number'

Anotaciones de tipo

Las anotaciones de tipo permiten definir explícitamente el tipo de una variable. Esto ayuda a garantizar que los valores asignados a las variables se ajusten al tipo esperado.

Ejemplo de anotación de tipo

let isLoggedIn: boolean = false;

Conclusión

Comprender las variables y los tipos es fundamental para usar TypeScript de manera eficaz. Al aprovechar el sistema de tipos de TypeScript, puede escribir código más confiable y fácil de mantener. Comience con tipos básicos, explore la inferencia de tipos y use anotaciones de tipos para asegurarse de que su código se ajuste a las estructuras de datos esperadas.

Con estos conceptos básicos, estará en camino de dominar TypeScript y aprovechar todo su potencial para crear aplicaciones sólidas.