miércoles 20 noviembre 2024

Cómo declarar variables en TypeScript

En TypeScript, las variables se declaran utilizando las palabras clave let, const, o var. A diferencia de JavaScript, TypeScript incluye tipado estático, lo que permite declarar explícitamente el tipo de las variables, mejorando la seguridad y legibilidad del código.

Declarar variables en TypeScript

1. Usando let

Declara variables de alcance de bloque.
Su valor puede ser reasignado.

let nombre: string = "TypeScript";
   nombre = "JavaScript"; // Permitido

2. Usando const

Declara variables de solo lectura.
Su valor no puede ser reasignado después de la inicialización.

const pi: number = 3.1416;
   // pi = 3.14; // Error: Cannot assign to 'pi' because it is a constant.

3. Usando var

Declara variables con alcance global o funcional.
Se recomienda evitar su uso en favor de let o const.

var edad: number = 25;

4. Inferencia de tipos

TypeScript puede inferir automáticamente el tipo de una variable en función del valor asignado.

let lenguaje = "TypeScript"; // Infierde que es de tipo string

5. Asignación de tipos explícitos

Es posible especificar explícitamente el tipo para mayor claridad.

let edad: number = 30;
   let esProgramador: boolean = true;

Tipos de datos comunes en TypeScript

Tipo	Descripción	Ejemplo
`string`	Representa texto o cadenas.	`let nombre: string = "Hola";`
`number`	Representa números (enteros y flotantes).	`let edad: number = 25;`
`boolean`	Representa valores lógicos (true/false).	`let activo: boolean = true;`
`any`	Permite cualquier tipo de valor.	`let dato: any = "Texto";`
`Array`	Representa un arreglo de valores.	`let numeros: number] = 1, 2, 3];`
`tuple`	Arreglos con un número fijo de elementos.	`let persona: string, number] = "Juan", 25];`
`enum`	Enumeración de valores constantes.	`enum Color {Rojo, Verde, Azul};`

Ejemplos prácticos

Declarar variables con tipos básicos

let nombre: string = "TypeScript";
let edad: number = 25;
let esActivo: boolean = true;

console.log(nombre, edad, esActivo);

Usar arreglos y tuplas

let numeros: number[] = [1, 2, 3, 4, 5];
let persona: [string, number] = ["Carlos", 30];

console.log(numeros); // Salida: [1, 2, 3, 4, 5]
console.log(persona); // Salida: ["Carlos", 30]

Declarar constantes con `const`

const PI: number = 3.1416;
console.log(PI); // Salida: 3.1416

Usar el tipo `any`

let variable: any = "Texto";
variable = 42; // Permitido
variable = true; // También permitido

Enumeraciones (`enum`)

enum Color {
  Rojo,
  Verde,
  Azul
}
let colorFavorito: Color = Color.Verde;
console.log(colorFavorito); // Salida: 1 (índice de "Verde")

Referencias

Para más información, visita la documentación oficial de TypeScript.

Etiquetas:

typescript

Creado por:

Jorge García

Fullstack developer