Hace unos días se presentó TypeScript y hemos podido leer varias cosassobre este nuevo lenguaje creado por Microsoft que pretende integrarse en nuestros editores e IDEs de forma fácil.
Principalmente se caracteriza por implementar las ventajas de unlenguaje orientado a objetos y las ventajas de JavaScript, permitiéndonos usar ambos a la vez (podríamos escribir la mitad en JavaScript y la otra en el lenguaje propio de TypeScript) y por supuesto el código que tuviésemos de JavaScript no se verá alterado, por lo que no hará falta modificar ninguna libreria.
Implementarlo
Podemos usar TypeScript de varias formas muy sencillas:
- Instalar en Node.js: para instalarlo solo debemos de introducir el siguiente comando para instalar la extensión
npm install -g typescripty posteriormente para compilarlo usaremostsc [Nombre del archivo].ts. - Usar las herramientas en Visual Studio 2012: Microsoft nos da la opción de usar el editor con herramientas especificas dandonos un plugin que podemos descargar en la página oficial de TypeScript.
- Usar las herramientas en Sublime Text, Emacs y Vim: no se han olvidado de las personas que no usen o prefieran no usar Virtual Studio, y nos dan la opción de instalar el plugin en nuestro editor favorito.
- Editor online: en la web oficial de TypeScript también podemos encontrar un editor y compilador instantáneo que funciona a la perfección.
Primeros pasos
Una de las cosas básicas que nos permite TypeScript es establecer el tipo de variable fácilmente.
Este es un ejemplo muy básico, en el que no tiene demasiada importancia declarar el tipo de variable, pero el revisor te avisaría si introduces un tipo de dato erróneo.
Este es un ejemplo muy básico, en el que no tiene demasiada importancia declarar el tipo de variable, pero el revisor te avisaría si introduces un tipo de dato erróneo.
En este caso el compilador nos devuelve lo siguiente:
Declarar el tipo de variable en funciones propias de JavaScript no es especialmente necesario, pero teniendo en cuenta que este lenguaje está orientado a códigos de gran escala nos puede ayudar a no cometer errores.
El uso de "interface"
Cuando pasamos una variable a una función (
nombre_funcion(variable)) podemos declarar su tipo (string, number, any…) pero cuando pasamos por esa variable un objeto podemos declarar el tipo de cada una de sus entradas mediante interface.
En el editor de código nos marcaría como erróneo si en el objeto
userponemos en Nombre cualquier tipo de variable que no fuese string, es decir un número nos daría fallo.Class y JavaScript
Desde el punto de vista de JavaScript,
El resultado tras la compilación:class nos genera un objeto que podemos preconfigurar con un subconjunto de funciones en su interior, lo que sería muy útil para crear APIs (ya que es el sistema que a menudo usan).
Comparando varios códigos podemos apreciar como traduce el compilador, convirtiendo
class en una función, y las funciones que contiene las añade al objeto con prototype, lo que resulta bastante cómodo para hacer fácilmente un pequeño conjunto de instrucciones que no entorpezcan el uso del resto del código, ya que tenemos la libertad de establecer cual será la variable que contenga este objeto (var Saluda = new hola('Genbeta Dev');).Conclusión
Probablemente para crear nuestros pequeños códigos para hacer cuatro cosillas en nuestra web no sería necesario usarlo, pero cuando estamos creando un proyecto donde existe gran cantidad de códigos JavaScript y varias librerías podría ayudarnos a encontrar el orden dentro del caos.