ANGULAR en menos de 128 palabras – TypeScript – Parte 3

TypeScript es un lenguaje con tipo muy tipado, orientado a objetos y compilado. TypeScript es un desensamblado típico de JavaScript compilado en JavaScript. TypeScript es JavaScript y algunas características adicionales.

La documentación de la tipola está disponible en este enlace: https://www.typescriptlang.org/docs/home.html

Instalación de TypeScript:

sudo npm install -g typescript

Ejecución del compilador TypeScript:

tsc --version

Creación de un primer ejemplo de TypeScript:

Creación del archivo test.ts:

función saludo (nombre)
    console.log ("Hola, " - nombre);
}

nombre de usuario var - "John";
saludo (nombre de usuario);

Compilación del código:

tsc test.ts

Al final del pedido se crea un archivo test.js que se puede ver:

función saludo (nombre)
    console.log ("Hola, " - nombre);
}
nombre de usuario var - "John";
saludo (nombre de usuario);

Encontramos que para este ejemplo el código es el mismo en javascript y typescript, podemos ejecutar:

Node test.js
Buenos días, John.

Definición de una variable con TypeScript:

Es posible declarar una variable con var que es clásica en javascript o con let que es más segura con TypeScript. Declarar una variable con var le da un ámbito global, es decir, la variable está disponible en todo el código, el ámbito de la variable se limita al "bloque más cercano"

Ejemplo 1: uso de var (ámbito global)

pantalla de función (prueba)
    var cuenta 1;

    si (prueba)
        aumento var - recuento -5;
        aumento del retorno;
    }

    aumento del retorno;
}


pantalla (false);

Este código compila pero conlleva riesgos porque la variable de aumento no se ha declarado si la configuración de prueba es false.

Ejemplo 2: uso de menos (ámbito limitado al bloque más cercano)

Para el siguiente código, la compilación se equivoca debido a la limitación del ámbito del aumento de la variable.

pantalla de función (prueba)
    Deje que cuente 1;

    si (prueba)
        Aumentar - recuento - 5;
        aumento del retorno;
    }

    Error de la variable no existe
    aumento del retorno;
}
pantalla (true);

test.tsc.ts
test.ts:10:12 - error TS2304: Puede encontrar el nombre 'increase'.

Tipo de escritura:

Vamos a contar 10
Cuenta 'hola'

La compilación del código anterior confirma la escritura segura del idioma, al compilar el siguiente error se elimina:

test.tsc.ts
test.ts:2:1 - error TS2322: El tipo '"hola" no se puede asignar al tipo 'número'.

Anotación de tipo TypeScript:

Los siguientes tipos se pueden anotar en TypeScript:

dejar un: número; entero y decimal
let b: booleano;
dejar c: tanga;
vamos a: cualquiera;
seamos: número[];
let f: núme[]ro [4, 5, 6]'
vamos g: cualq[]uier . .[4, 'Hello', true, 6] .
const letterA - 'A';
Const color verde - 1;

Lista en TypeScript:

enum Dirección
    Alto -1,
    en Bas - 2,
    aIzquierda - 3,
    aRight - 4
}

siguiente Dirección - Direction.enHaut;

Si nos fijamos en el código anterior después de la compilación por tsc observamos que el código TypeScript es mucho más cómodo que el de JavaScript:

Dirección Var;
(función (Dirección)
    Direcció[Direction["enHaut"]n - 1] - "alto";
    Dirección[Direction["enBas"] - 2] - "Abajo";
    Dirección[Direction["aGauche"] - 3] - "Izquierda";
    Dirección[Direction["aDroite"] - 4] - "derecha";
(Dirección) (Dirección));
vardirection - Direction.enHaut;

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *