Código en JS
const age = 20;
Código en TS
const age: number = 20;
Introducción a TypeScript
Por qué usar TypeScript
TypeScript vs. JavaScript
Configurado nuestro proyecto
Atrapando bugs
El compilador de TypeScript
Veamos el TSConfig.json
Tipos de datos primitivos
Qué es el tipado en TypeScript
Tipos inferidos
Numbers
Booleans
Strings
Arrays
Tipos de datos especiales
Any
Union Types
Alias y tipos literales
Null y Undefined
Funciones
Retorno de funciones
Objetos en funciones
Objetos como tipos
Módulos: import y export
Usando librerías que soportan TypeScript
Usando librerías que NO soportan TypeScript
Próximos pasos
Toma el Curso de Tipos Avanzados y Funciones en TypeScript
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
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.
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
:
Para proyectos de sofware que tienen una gran escalabilidad, esto podría 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.
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 10
Preguntas 2
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 “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.
el tipado de TS me recuerda mucho a GO.
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';
JS tiene tipos de datos primitivos, como:
TS ya incluye todo lo que JS maneja.
Nueva sintaxís en TS:
const productPrice: number = 12;
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.
En el siguiente enlace podrán conseguir el manual de TypeScript, una forma de reforzar los conocimientos adquiridos en estas clases.
const miVariable: tipo = valor;
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?
o inicia sesión.