¡Bienvenidos a TypeScript, no más ‘undefined’!

¡Hola, brillantes desarrolladores! ¡Bienvenidos a nuestra alegre banda de amantes del código donde no nos asusta lo desconocido, a menos que sea ‘undefined’! En nuestra carta de hoy, nos sumergiremos en el mundo maravilloso y misterioso de TypeScript, la versión superpoderosa de JavaScript.

TypeScript es un lenguaje de programación de código abierto desarrollado por Microsoft que añade la tipificación estática a JavaScript, porque todos sabemos lo impredecible que puede ser JS a veces. Pero no te preocupes, si puedes manejar JavaScript, ¡puedes manejar TypeScript! Y si no puedes, también, ¡hay café y galletas gratis!

Instalación de tsc

Comenzaremos nuestra aventura con TypeScript instalando su compilador ‘tsc’ usando ‘npm install -g typescript’. ¿Por qué, te preguntas? Porque necesitamos traducir nuestro espléndido código TypeScript en JavaScript para que nuestros navegadores lo entiendan. ¡No es que nuestros navegadores sean tontos, solo hablan un lenguaje diferente!

Creación de un archivo de ejemplo

Ahora, manos a la obra. Crearemos un archivo llamado ‘app.ts’ (¡sí, ‘.ts’ por TypeScript!). Agregaremos un ‘console.log’ que diga ‘Hello, world!’. Tu código debería verse así:

console.log('Hello, world!');

¡Y listo! Tu primer script de TypeScript. Ahora, toma un selfie con él y envíalo a tu mamá, ¡estará orgullosa!

Creación de una función básica

Ahora, agregaremos una función, ‘greeter’. Esta debería recibir un ‘string’ y saludar a la persona. Así:

function greeter(name: string) {
    return "Hello, " + name;
}
console.log(greeter("world"));

Pero espera, ¿qué pasa si le pasas un array a la función? ¡Intentémoslo!

console.log(greeter(["world"]));

Uh-oh, tu consola está llorando con un error. Esto es porque TypeScript verifica el tipo de tus variables y te detendrá si intentas hacer algo tonto. ¡Eso sí que es un buen amigo!

Compilación con tsc

Ahora que tienes tu código, es hora de traducirlo a JavaScript. Ejecuta en tu consola lo siguiente:

tsc app.ts

Esto creará un archivo ‘app.js’ con tu código convertido a JavaScript. ¡Parece magia, pero es simplemente TypeScript!

Ejecución del archivo compilado

Para ejecutar tu flamante archivo ‘app.js’, simplemente ingresa en tu consola esto:

node app.js

¡Y ya está! Estás ejecutando TypeScript.

¡Gracias por acompañarme en esta aventura de TypeScript! Espero que hayas disfrutado tanto como yo. No olvides apagar tu consola antes de salir.

Agradecezco sinceramente tu tiempo y dedicación al leer este post.

¡Nos vemos en la próxima edición!