Francisco Mora

Mis notas de Typescript

  #typescript #javascript

Este artículo es mi libreta de apuntes de Typescript y está en constante actualización.

Typescript se podría decir que es Javascript pero con tipado fuerte, simil a lo que ocurre con el lenguaje de programación Java, lo cual, permite un mayor control de nuestros programas. Es común que se le llame un javascript con superpoderes.

Instalar Typescript

La instalación de Typescript es bastante sencilla y necesitas tener NodeJS con su gestor de paquetes NPM. Luego puedes instalar la librería globalmente con:

npm install -g typescript

Para saber la versión que se ha instalado basta con:

tsc --version

O si prefires puedes probarlo en su versión online sin tener que instalar nada en tu equipo en Typescript Play.

Uso

Para usar typescript basta con generar un archivo con extensión .ts y manos a la obra.

NOTA: Typescript es a fin y al cabo un archivo javascript. Una vez finalizada nuestra codificación en el archivo .ts typescript nos transpilará (convertir código fuente a otro lenguaje de igual nivel), para esta tarea solo debemos habilitar el modo watch de typescript con

tsc --watch

y se creará el archivo con extensión .js con el mismo nombre de nuestro archivo .ts.

Tipos de datos

No hay mucha diferencia en cuanto a javascript salvo la forma de declararlos.

Number

Los tipos numéricos en typescript se declaran con :number:

let cantidad:number = 10;

Esto implica que solo aceptará números la variable cantidad. Esta declaración nos permite tener control del tipo de dato con el que trabajaremos y automáticamente typescript nos ofrecerá todos los métodos disponibles para trabajar con este tipo de dato.

Strings

Los tipos strings o cadena de caractares se declaran con :string:

let batman:string = 'Batman';
let linternaVerde:string = "Linterna Verde";
let volcanNegro:string = `Héroe: Volcan Negro`;

console.log(`I'm ${ batman }`); // I'm Batman
console.log(batman.toUpperCase()); // BATMAN