Qué es el tipado en TypeScript

Código en JS

const age = 20;

Código en TS

const age: number = 20;

El tipado es una característica muy interesante que nos ayuda a mitigar riesgos, como bien explicó el profe durante la clase, en javascript podemos reasignar tipos de valores a lo largo del código, esto es un riesgo que puede provocar errores en tiempo de ejecución si no tenemos cuidado de cómo estamos manejando los datos durante la ejecución del código.

Con el tipado, mitigamos el error fozando al analizador de código a que observe esas variables y se asegure de que no estamos modificando su tipo a lo largo del código o por ejemplo si declaramos “const” nos saltará error al querer modificar su valor (no tanto su tipo).

De este modo debemos de escribir mejor código o typescript nos avisará cuando hagamos algo que en tiempo de ejecución puede fallar, PEEEEEEEEEEERO nos avisará en tiempo de codificación, capturando así muchos bugs de tipado que de otro modo se irían a producción.

📌 Tipado y Tipos de Datos:

El tipado en TS hace referencia a cómo declaramos una variable, necesitamos asignar el tipo de dato, con esto evitamos mezclar distintos tipos de datos.

En JS podemos declarar una variable de un tipo de valor y a lo largo del código ir cambiándolo si lo deseamos. Pero para proyectos de software que tienen gran escalabilidad, esto puede ser fuente de fallas en el programa

⭐ Gracias a TypeScript podemos manejar el tipado de las variables para evitar anomalías en el código

Dentro de TS podemos definir variables de manera explicita o inferida.

⭐ Explicito > Define el tipo de dato para la creación de variables.

let age: number = 22

⭐ Inferido > TS tiene la habilidad de deducir el tipo en dato de un valor

nombre = 'Juan';

el tipado de TS me recuerda mucho a GO.

JS tiene tipos de datos primitivos, como:

• null
• string
• number
• boolean
• undefined
• array
• Symbol
• objs
• functions

TS ya incluye todo lo que JS maneja.

Nueva sintaxís en TS:

const productPrice: number = 12;

Manual de TypeScript

En el siguiente enlace podrán conseguir el manual de TypeScript, una forma de reforzar los conocimientos adquiridos en estas clases.

javascript fué pensado para escribir scripts en una página. Todo el codigo que era mínimo en una solo archivo. No se tuvo pensado la modularidad que luego se implementó. En sus inicios la flexibilidad en un solo archivo no daba mayores problemas pero en los proyectos actuales javascript centric con muchos archivos javascript interactuando ayuda el sistema de tipado explicito de typescript para evitar errores inesperados por cambio de tipado.

const miVariable: tipo = valor;

El “tipado” en TypeScript se refiere a la habilidad de especificar y verificar en tiempo de compilación qué tipo de dato puede contener una variable, parámetro o valor de retorno de una función.

/*
  **productPrice** --> Declaration
	**: number** --> Tipado / Type annotation
	**12** --> Valor
*/

const productPrice: number = 12;

JavaScript tiene tipado dinámico, no necesitas especificar el tipo de una variable cuando la declaras; el tipo de la variable puede cambiar en tiempo de ejecución según el valor que se le asigne. El tipado dinámico puede ser conveniente porque provee flexibilidad, sin embargo puede llevar a errores.

let dato = 42;  // number
dato = "Hola";  // string
dato = true;    // boolean
dato = {}       // object

Si declaramos una variable con un tipo específico y, en algún punto de la ejecución del programa cambia a un tipo diferente, puede llevar a comportamientos no deseados o errores.

El tipado estático ayuda a prevenir errores al detectar problemas relacionados con tipos de datos en tiempo de compilación en lugar de ejecución.

La única ves que utilice tipado fuerte fue con C++ hace años…

También podemos probar los ejemplos desde el Playground de TS donde tenemos el TS Config, otros ejemplos y el resultado en JS al instante.