No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Qu茅 es el tipado en TypeScript

7/24
Recursos

El tipado en TypeScript hace referencia a c贸mo declaramos una variable, necesitamos asignar el tipo de dato, conocido como type annotation, con esto evitamos mezclar distintos tipos de datos.

La flexibilidad de JavaScript

Nosotros podemos declarar una variable de un tipo de valor y a lo largo del c贸digo ir cambi谩ndolo si lo deseamos. Por lo que en un momento puede ser de tipo string y despu茅s de tipo boolean:
Tipado en JavaScript

Para proyectos de sofware que tienen una gran escalabilidad, esto podr铆a ser fuente de fallas en el programa.

Controlando la flexibilidad

Gracias a TypeScript podemos manejar el tipado de las variables para evitar anomal铆as en el c贸digo.

En JavaScript, para declarar una variable constante lo realizamos as铆:

const productPrice = 12;

En TypeScript, para el caso anterior, es similar solo que a帽adimos : y el tipo de dato de la variable, la cual ser铆a number. A esto 煤ltimo se le llama type annotation o anotaci贸n de tipo:

const productPrice: number = 12;

Aportes 15

Preguntas 2

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

C贸digo en JS

const age = 20;

C贸digo en TS

const age: number = 20;

yo el minuto 3:35:

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 鈥渃onst鈥 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;
se me parece a C++ o a Java en donde se define el tipo de dato que la variable va a usar

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;

Manual de TypeScript

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

Vengo de programar en C, el tipado es cosa de familia jajaj
cabe resaltar que tambien existe el tipo de dato BigInt, este es un primitivo que representa numeros muy grandes, superiores a 2^43, a partir de ahi se les considera BigInt y se les identifica por la n al final del numero y por el contructor BigInt o la funcion BigInt.

El 鈥渢ipado鈥 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.