TypeScript / Hola, TypeScript

Bienvenidos sean a este post, hoy veremos nuestro primer programa.

En el post anterior instalamos el paquete necesario para poder «transpilar» nuestros codigos y hoy nos centraremos en crear nuestro primer codigo para trabajar, para ello deben crear un archivo simple de texto mediante algun editor de texto simple como puede ser nano, vi, emacs en Linux o notepad, notepad++, o similares para Windows, con el nombre de hola.ts, los archivos de TypeScript siempre iran con la extension .ts, y le agregaremos el siguiente codigo:

hola.ts

console.log("Hola, Typescript");

Un codigo simple para mostrar un mensaje en el terminal, en lugar de usar el habitual «Hola, Mundo» que se usa en cualquier caso lo sustituimos por ese mensaje, nuestro siguiente paso sera «transpilarlo» (no me puedo acostumbrar a esta expresion 😅) y para ello debemos ejecutar el siguiente comando:

$ tsc hola.ts

Este procesara el archivo que le pasamos, en base al codigo escrito generara el codigo correspondiente, tengan en cuenta que este es uno muy simple y sera el mismo que el original pero un poco mas adelante notaremos las primeras diferencias, el nuevo archivo sera con el mismo nombre pero con la extension .js, es decir Javascript, nuestro siguiente paso sera probarlo y para ello desde el mismo terminal ejecutaremos el siguiente comando:

$ node hola.js
Hola, Typescript
$

Como pueden ver cumplio lo que nos prometio pero para probarlo utilizamos a node.js y no a tsc, por lo cual de ahora en mas para probar nuestros codigos simplemente crearemos el archivo con el codigo, luego lo transpilaremos mediante tsc para finalmente ejecutarlo mediante node.js, pero este entorno tiene una particularidad porque maneja varias versiones de Javascript.

A que nos referimos con distintas versiones? esto es una referencia porque disponemos de dos tipos de Javascript:

• CommonJS
• ES6/ES2016

El primero es el engine de Javascript que se utiliza desde los primeros navegadores como el Netscape, en cambio el segundo es una mejora desarrollada por la compañia Sun donde toma como base a Javascript pero agrega muchos faltantes, como por ejemplo las constantes, y con el tiempo agrego muchos temas mas como son las promesas o las funciones asincronicas las cuales son las claves fundamentales para el exito de entornos como node.js o mismo mongodb, tambien este ultimo es la base para otra gran modificacion de Javascript como es la google denominada engine V8.

La version puede ajustarse a nuestra necesidad porque podemos desarrollar una aplicacion simple que no necesita nada especial y con CommonJS funcionara simplemente pero en otras circunstancias puede que necesitemos a ES6, sobre esto vimos mucho en el curso de node.js que hicimos en este sitio, para poder entender mejor la diferencia entre las versiones tomaremos el codigo del archivo anterior y lo modificaremos de la siguiente manera:

var t1 = "Hola";
var t2 = "Typescript";
console.log(t1 + ", " + t2);

Aqui primero definimos dos variables donde estaran los textos que teniamos antes y luego modificamos la linea para mostrar en pantalla donde ahora usaremos el operador de + para concatenar los distintos textos y poder mostrar el mensaje original, si lo transpilamos y vemos el codigo generado volvera a suceder lo que vimos al inicio, esto es asi porque tanto el original como este estan realizados para CommonJS por lo tanto no se debe modificar nada porque todo es 100% compatible, tomemos este codigo y modifiquemoslo de la siguiente manera:

var t1 = "Hola";
var t2 = "Typescript";
console.log(`${t1}, ${t2}`);

En este caso solo modificamos la linea encargada de mostrar el mensaje y en este implementamos una tecnica llamada template string donde ES6 mediante la implementacion del acento grave o backtick (`) nos permite mostrar un texto y mediante el simbolo de pesos ($) y las llaves podemos pasarle un variable y este interpretara que debera mostrar ese valor, es muy similar a como trabaja printf, pero si lo compilan el resultado final sera algo semejante a esto:

var t1 = "Hola";
var t2 = "Typescript";
console.log("".concat(t1, ", ").concat(t2));

Vean que ahora nuestro archivo hola.js si modifico el codigo porque al implementar ES6 este no funcionara con node.js, en realidad si pero no con esta extension, y mediante concat lo modifico a una forma practica para que al final del dia el codigo hara lo mismo pero obviamente dentro de las reglas que tiene permitida, por lo tanto no se deben preocupar tanto por el codigo en si pero mientras mas parecido a CommonJS menos modificaciones habra en nuestro codigo, con esto ya cubrimos lo basico para trabajar con nuestros codigos y algunas curiosidades mas.

Si necesitan saber un poco mas sobre node.js les recomiendo visiten este post donde esta el curso completo sobre esta libreria/entorno:

[Post curso]

En resumen, hoy hemos visto nuestro primer codigo, la extension que debemos usar, luego vimos como se debe «transpilar», hablamos sobre que genera, como debemos ejecutarlo, a su vez hablamos sobre las distintas «versiones» de Javascript que maneja node.js y como el transpilador se encarga de manejarlos para que podamos ejecutarlo correctamente, espero les haya resultado de utilidad sigueme en tumblr, Twitter o Facebook para recibir una notificacion cada vez que subo un nuevo post en este blog, nos vemos en el proximo post.