El Proyecto | Sobre nosotros | Contribuir | Donaciones | Licencia

HOME

Las anotaciones de tipo en TypeScript son una característica fundamental que permite especificar explícitamente los tipos de variables, parámetros de funciones, y valores de retorno. Esto ayuda a prevenir errores y a mejorar la legibilidad del código. En esta sección, aprenderemos cómo utilizar las anotaciones de tipo en diferentes contextos.

Anotaciones de Tipo en Variables

Para declarar una variable con una anotación de tipo, se utiliza la sintaxis let o const seguida del nombre de la variable, dos puntos :, y el tipo de dato.

Ejemplo:

let nombre: string = "Juan";
let edad: number = 30;
let esEstudiante: boolean = true;

Explicación:

nombre es una variable de tipo string.
edad es una variable de tipo number.
esEstudiante es una variable de tipo boolean.

Anotaciones de Tipo en Funciones

Las anotaciones de tipo también se pueden utilizar en los parámetros y en el valor de retorno de las funciones.

Ejemplo:

function sumar(a: number, b: number): number {
    return a + b;
}

Explicación:

a y b son parámetros de tipo number.
La función sumar retorna un valor de tipo number.

Anotaciones de Tipo en Objetos

Para definir el tipo de un objeto, se puede utilizar una anotación de tipo que describa la estructura del objeto.

Ejemplo:

let persona: { nombre: string; edad: number; esEstudiante: boolean } = {
    nombre: "Ana",
    edad: 25,
    esEstudiante: false
};

Explicación:

persona es un objeto con tres propiedades: nombre (tipo string), edad (tipo number), y esEstudiante (tipo boolean).

Anotaciones de Tipo en Arreglos

Para los arreglos, se puede especificar el tipo de los elementos que contiene.

Ejemplo:

let numeros: number[] = [1, 2, 3, 4, 5];
let nombres: string[] = ["Ana", "Juan", "Luis"];

Explicación:

numeros es un arreglo de números (number[]).
nombres es un arreglo de cadenas de texto (string[]).

Anotaciones de Tipo en Tuplas

Las tuplas permiten definir un arreglo con un número fijo de elementos de tipos específicos.

Ejemplo:

let tupla: [string, number] = ["Juan", 30];

Explicación:

tupla es un arreglo que contiene exactamente dos elementos: el primero es de tipo string y el segundo es de tipo number.

Ejercicios Prácticos

Ejercicio 1:

Declara una variable llamada producto que sea un objeto con las propiedades nombre (string), precio (number) y enStock (boolean).

Solución:

let producto: { nombre: string; precio: number; enStock: boolean } = {
    nombre: "Laptop",
    precio: 1500,
    enStock: true
};

Ejercicio 2:

Escribe una función llamada multiplicar que tome dos parámetros a y b de tipo number y retorne un number.

Solución:

function multiplicar(a: number, b: number): number {
    return a * b;
}

Ejercicio 3:

Declara una variable llamada colores que sea un arreglo de cadenas de texto.

Solución:

let colores: string[] = ["rojo", "verde", "azul"];

Resumen

En esta sección, hemos aprendido cómo utilizar las anotaciones de tipo en TypeScript para variables, funciones, objetos, arreglos y tuplas. Las anotaciones de tipo son una herramienta poderosa que ayuda a prevenir errores y a mejorar la legibilidad del código. En la siguiente sección, exploraremos cómo compilar TypeScript para convertirlo en JavaScript ejecutable.

Anotaciones de Tipo

Anotaciones de Tipo en Variables

Ejemplo:

Explicación:

Anotaciones de Tipo en Funciones

Ejemplo:

Explicación:

Anotaciones de Tipo en Objetos

Ejemplo:

Explicación:

Anotaciones de Tipo en Arreglos

Ejemplo:

Explicación:

Anotaciones de Tipo en Tuplas

Ejemplo:

Explicación:

Ejercicios Prácticos

Ejercicio 1:

Solución:

Ejercicio 2:

Solución:

Ejercicio 3:

Solución:

Resumen

Curso de TypeScript

Módulo 1: Introducción a TypeScript

Módulo 2: Trabajando con Tipos

Módulo 3: Tipos Avanzados

Módulo 4: Funciones y Módulos

Módulo 5: Programación Asíncrona

Módulo 6: Herramientas y Mejores Prácticas

Módulo 7: Temas Avanzados