Saltar al contenido

Comenzando con la aplicación de Angular 2

Ahora, te preguntarás, ¿qué son todos estos archivos .ts? Estos son archivos de TypeScript y, aunque usted no necesita para usar TypeScript con Angular 2, casi todo el mundo lo hace.

Entonces, ¿qué es TypeScript? En su página web afirman que: “TypeScript es un superconjunto de JavaScript que compila para limpiar la salida de JavaScript.”

Comenzando con la aplicación de Angular 2
Comenzando con la aplicación de Angular 2

Puede que ya hayas visto esta imagen antes:

A partir de esto, podemos ver que este TypeScript contiene ES6 (EcmaScript6), que a su vez contiene ES5 (EcmaScript5), lo que una vez más significa que TypeScript contiene ES5.

Dado que la mayoría de los navegadores de hoy en día no pueden ejecutar ES6 o sólo TypeScript, usamos los llamados transpilers que convierten nuestro código TypeScript o ES6 en código ES5, que es un “simple” JavaScript con el que probablemente estés más familiarizado y que, básicamente, todos los navegadores de hoy en día entienden.

Algunas de las características que TypeScript trae a la mesa son:

No entraré en detalles aquí; puedes conocer cada una de las características anteriores haciendo clic en los enlaces. Sin embargo, echemos un vistazo a algunas cosas para empezar.

Ahora defines variable como:

var myVar: cuerda;

Fíjense que definimos el tipo de nuestra variable usando: cadena. Esto es nuevo.

Del mismo modo, ahora tiene la posibilidad de especificar el tipo de valor de retorno de la función:

123functionmyFunc(msg:string):string{return "Me gusta repetir lo que dijiste, por lo tanto: "+ msg;}

ts

Sólo como referencia, tenemos los siguientes tipos:

  • cuerda
  • número
  • matriz
  • enum
  • cualquier
  • vacío

Comandos de escritura

Si quieres jugar con TypeScript por tu cuenta (en un proyecto separado), tienes que instalarlo ejecutando el siguiente comando:

npm install -g typescript

Entonces, puedes escribir cualquier código de TypeScript, guardarlo en un archivo, ejecutarlo a través del compilador de TypeScript, y finalmente ejecutar la salida del compilador de TypeScript con Node.

Para un ejemplo rápido, vamos a crear un archivo llamado tsTest.ts y poner la función anterior en él, junto con una llamada de la función, como console.log(myFunc($0027hola$0027));. Nuestro archivo debería tener este aspecto:

12345functionmyFunc(msg:string):string{return "Me gusta repetir lo que dijiste, por lo tanto: "+ msg;}console.log(myFunc("hola"));

ts

Entonces ejecuta este archivo a través del compilador de TypeScript de esta manera:

tsc tsTest.ts

Ahora deberías ver un archivo tsTest.js al lado de tu archivo tsTest.ts y ahora puedes ejecutarlo con un nodo como este:

nodo tsTest.js

Como salida, deberías conseguir que me guste repetir lo que dijiste, por lo tanto: hola.