Tutorial de TypeScript

Índice

1. Comandos
2. Ficheros
3. Variables
4. Constantes
5. Operadores
6. Control de flujo
7. Tipos primitivos

1. Instalat ts desde npm --> npm install -g typescript
2. Compilar archivo --> tsc *.ts (genera el archivo *.js)

• let --> Restringe su uso al ambito de un bloque de texto.
• var --> Solo accesible en su función
• Podemos declarar variables en 1 linea separadas por comas. let var1, var2, ar3;
• NaN --> La variable no está inicializada

• const VARIABLE

• ++, --> Solo para los tipos any, number y enum La diferancia entre --num y num-- es el orden en el que se ejecuta el operador
• +,- --> Sólo para los tipos number, string, any y enum. Convierten un valor de tipo anu a string
• ! --> Negación. También puede convertir un String a boolean
• ~ --> Cambia todos los bits de 0 a 1 y viceversa
• delete --> Borra propiedades de objetos o elementos de un array. Si se borra la posición de un array, éste no se redimensiona, sino que convierte esa posición en undefined. Devuelve true o false dependiento de si ha podido eliminar o no el elemento.
• void Evalua una expresión y siempre devuelve undefined ... --> Expande un array u objeto

let numbers = [1, 2];
let moreNumbers = [4, 5, 9, ...numbers, 10]; // 4,5,9,1,2,10

También sirve como parámetro de una función para indicar que admite un número infinito de argumentos, además de usarse como argumento en sí mismo:

function sum (x: number, ...more: number[]) { } // infinitos números
let numbers: number[] = [4,5,9,10];
sum(1, ...numbers); // pasamos el array expandido

• = Asignación
• Lógicos:

1. AND
2. OR

• Aritmeticos ( +, - , * , /, %, x y (potencia y de x)
• Relacionales <, >, <=, >=, ==, !=, ===, !== (comprueban valor y tipo)
• • concatenación. Sólo para any y string
• in --> Busca el valor del operando de la izquierda, que debe ser any, string o number, en el operando de la derecha, que debe ser any, object o array devolviendo true si lo encuentra y false en caso contrario.
• Operador terciario --> La variable x vale 10. A la variable z se le asigna un valor dependiendo de una condición que en este caso comprueba si la variable x vale 10. Si es cierto, a z se le asigna 1, en caso contrario se le asigna 100;

let x:number = 10;
let z:number = x == 10 ? 1 : 100; // 1

• if
• switch

• while
• do-while
• for
• for in
• for-of (Esta forma de for es casi idéntica al for-in, con la salvedad de que en cada iteracción lo que se vuelca en la variable temporal es el valor de la posición y no el índice.

• break
• comtinue
• return

let variable: tipo; Todos los tipos provienen de uno superior llamado Any. El tipo Any se refiere a cualquier cosa. Si declaramos una variable sin tipar sería lo mismo que hacerlo con Any.

let variable: any; == let variable

En TS los tipos primitivos y los objetos poseen el mismo nombre pero con la diferencia de que estos últimos se escriben con la primera letra en mayúsculas.

Template String Esto es un template String --> Permite escribir tesxto en diferentes lineas y además incluir expresions `Esto es un Template String que permite expresiones mediante $[espresion]