Typescript

Typescript es un lenguaje de programación que ha cobrado cierta importancia en el desarrollo de aplicaciones web. Sobre todo aplicaciones con Angular Cli.

Su sintaxis es similar a lenguajes como Javascript y Java. Maneja tipos de datos y es compilado. El código resultante de la compilación es código Javascript.

Los tipos básicos en Typescript son: number, string, boolean, any.  Aunque hay más como Array, tuplas, object,void, never, unknown, uniones, null o enum.

//Tipos de datos
let numero:number = 33
let booleano:boolean = true
let cadena:string = "Typescript"
let cualquiera:any = new Date()
let nada = undefined
let nulo = null

La extensión de un archivo en Typescript es *.ts

hola.ts

console.log("Hola, mundo!!")

Compilamos:

tsc hola.ts

Ejecutamos:

node hola.js

Existe un tipo llamado union para combinar múltiples tipos en uno.

let stringBoolean: string | boolean

Las asignaciones válidas serían:

stringBoolean = "Boolean"
stringBoolean = true
stringBoolean = "False"
stringBoolean = 23 > 11
stringBoolean = "true === true"

También las tuplas.

let tupla:[number, string]

Las asignaciones válidas serían:

tupla = [321,"Hola, mundo"]
tupla = [12,"123"]

UPDATE

Incluso Typescript soporta la programación orientada a objetos, salvo algunas diferencias es muy similar a Java y/o C#.

clases.ts

'use strict';

class X{
   private nombre:string;

   constructor(_nombre:string){
      this.nombre = _nombre;
   }

   getNombre():string{
      return this.nombre;
   }

   setNombre(nombre:string):void{
      this.nombre = nombre;
   }

   static metodoEstatico():number{
        return 33;
   }

}
let my_x:X = new X("Europa Continental");
console.log(`Nombre: ${my_x.getNombre()}`);
console.log("Numero:",X.metodoEstatico());

Como se puede ver en ésta clase, definimos un atributo tipo number con el acceso private. Métodos de acceso por default públicos y un método estático de tipo number. Compilamos y ejecutamos:

$ tsc clases.ts
$ node clases.js
Nombre: Europa Continental
Numero: 33

Recordar que el resultado de compilar código Typescript es código Javascript, que al final de cuentas es el código que interpreta el navegador. 

 

¿Cómo crear un proyecto en Typescript?

# Iniciar proyecto
tsc --init

# Ejecutar en vivo
tsc --watch
node dist/index.js

# Solo compilar y ejecutar
tsc clases.ts
node clases.js

 

En próximos post haremos una comparación entre Typescript y Dart.

Enlaces:

https://www.typescriptlang.org/

https://codingblast.com/typescript-union-types-type-guards-type-aliases/