Hoy veremos por qué deberías aprender TypeScript. ¿Cuáles son los beneficios de TypeScript?

¡Hola yo! mi frontend -amigos!

Si no está seguro de si aprender mecanografiado o no, ha venido al lugar correcto. No necesitará leer más después de leer este, ya que comprenderá exactamente lo que TypeScript puede lograr por usted.

Usemos ejemplos para aclarar cada punto a su vez.

Comprobación estática de tipos

Typescript se usa principalmente para evitar errores de tiempo de ejecución. Podemos agregar verificación de tipo estático a nuestro código usando mecanografiado, lo cual es increíble.

Tomemos un ejemplo

Aquí, primero declaramos que el mensaje es una cadena antes de llamarlo ya que, como todos sabemos, no se puede llamar a una cadena. ( Los proyectos grandes pueden hacer que sea difícil recordar el tipo de una variable (cadena, función, etc.), por lo que con frecuencia cometemos errores con los tipos ) .

El tiempo de ejecución en JavaScript identificará este problema y lo lanzará. Pero en TypeScript, TypeScript nos dará un mensaje de error antes de ejecutar el código en primer lugar. es súper sorprendente que no tienes que esperar el tiempo de ejecución para encontrar el error

Fallos no excepcionales

En general, si estamos tratando de acceder a algo que no está definido, deberíamos obtener un error. pero podría imaginar que acceder a una propiedad que no existe en un objeto también debería arrojar un error. En cambio, JavaScript da undefinedque en ocasiones rompa nuestro código.

Tomemos un ejemplo

Aquí en persona objeto, estamos tratando de acceder a la propiedad que person.locationno está definida.

En javascript, obtendrá undefinedque a veces rompe nuestro código.
Pero en Typescript, se le informará de inmediato.

errores tipográficos

Typescript también evita errores tipográficos

¿Qué tan rápido puede encontrar los errores tipográficos? ... mecanografiado nos ayuda a evitar tales errores tipográficos.

Tipos explícitos

Hasta ahora, no le hemos dicho a TypeScript sobre los tipos de variables, como "la variable debe ser una cadena, un número, un valor booleano, etc.".

Entendámoslo con un ejemplo.

aquí hemos agregado las anotaciones de tipo en persony datepara describir con qué tipos de valores greetse pueden llamar. puedes entenderlo como una persona de tipo cadena y una datede tipo Date.

Con esto, TypeScript puede informarnos sobre otros casos que greetpodrían haber sido llamados incorrectamente. Por ejemplo…

tsc, el compilador de TypeScript

El navegador no entiende el mecanografiado, por lo que tenemos que completarlo en js usando el compilador tsc

npm install -g typescript

puedes compilar tu archivo

tsc <your file name>

Espero que les guste

¡Feliz codificación!

Quiero dar sugerencias: -

encuéntrame en LinkedIn Twitter

Envíame un correo electrónico a [email protected]