TypeScript para JavaScript: cómo mejorar tu código con tipos estáticos

TypeScript es un lenguaje de programación que se ejecuta en JavaScript y proporciona muchas características adicionales que no están disponibles en JavaScript. Algunas de las principales ventajas de usar TypeScript son:

• Tipos estáticos: TypeScript agrega tipos estáticos a JavaScript, lo que significa que puedes declarar el tipo de datos que esperas para cada variable. Esto puede ayudar a prevenir errores de tiempo de ejecución y hacer que el código sea más fácil de leer y entender.
  
• IntelliSense: Al utilizar TypeScript con un editor de código compatible, como Visual Studio Code, puedes obtener una “ayuda inteligente” mientras escribes código. Esto incluye sugerencias de completado de código, documentación de código y mensajes de error que te ayudan a detectar problemas de sintaxis y lógica.
  
• Sintaxis mejorada: TypeScript incluye algunas características de lenguaje adicionales que pueden hacer que el código sea más legible y expresivo. Por ejemplo, puedes usar clases y interfaces para definir estructuras de datos más complejas y organizar mejor tu código.
  

Para empezar a usar TypeScript, primero debes instalarlo en tu sistema.
Una vez que lo tengas instalado, puedes crear un archivo con una extensión “.ts” y empezar a escribir código TypeScript.

npm install -g typescript

Typos en TypeScript

Los tipos en TypeScript son una forma de indicar el tipo de datos esperado para una variable o una función. Esto puede ayudar a prevenir errores de tiempo de ejecución y hacer que el código sea más fácil de leer y entender.

TypeScript incluye varios tipos básicos, como:

• number: para números
• string: para cadenas de caracteres
• boolean: para valores verdaderos o falsos
• any: para cualquier tipo de datos
• void: para indicar que una función no devuelve ningún valor
  

También puedes crear tipos más complejos utilizando arreglos, clases y uniones.

• Arreglos: Para crear un tipo de arreglo, puedes usar la sintaxis “[tipoDeDato]” para indicar que esperas una matriz de elementos del tipo especificado. Por ejemplo, si quieres crear un tipo de arreglo de números, puedes escribir “number[]”.
  
• Clases: Puedes utilizar la palabra clave “class” para crear una clase y definir sus propiedades y métodos. Una vez que hayas creado una clase, puedes usarla como un tipo en otras partes de tu código.
  
• Uniones: Una unión es un tipo que puede ser uno de varios tipos diferentes. Por ejemplo, si quieres crear un tipo que puede ser una cadena o un número, puedes usar la sintaxis “string | number”.

Ya conocemos los tipos basicos en TypeScript. Vamos a crear nuestro primero hola mundo en TypeScript.

Si ya has instalado TypeScript de manera global, ahora vamos a crear un fichero con la extensión .ts

hello.ts

Ahora el contenido este fichero será con un console log:

console.log("Hello world from TypeScript!");

Para ejecutar el programa solo debemos abrir la terminal y el siguiente comando.

tsc hello.ts

Esto va a transpilar nuestro código de TypeScript a JavaScript.
En el mismo folder ahora deberías ver un nuevo fichero llamado hello.js

Que en este caso, será en mismo console log.
Ahora podemos ejecutar el fichero .js

node hello.js

Y esta sería la salida de nuestra primera aplicación en TypeScript.

En resumen, TypeScript es una herramienta útil para cualquier desarrollador de JavaScript que quiera mejorar la calidad de su código y hacerlo más fácil de leer y entender.

Si estás interesado en aprender más sobre TypeScript, no dudes en ver este curso.