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.