TypeScriptLección 1 de 16

Qué es TypeScript y tu primer programa

TypeScript es JavaScript con tipos. El compilador los revisa antes de ejecutar el código y después lo convierte en JavaScript normal.

Lo esencial

Casi cualquier código JavaScript ya es TypeScript válido: no empiezas de cero.
El tipo va después de dos puntos: const title: string = "Hi".
Los errores de tipos aparecen en el editor antes de ejecutar el programa.
Al compilar, los tipos desaparecen: el navegador y Node.js ejecutan JavaScript normal.

Ejemplo

const language: string = "TypeScript";const lessons: number = 16;// const broken: number = "16"; // error: string is not assignable to number console.log(`${language}: ${lessons} lessons`);

Las anotaciones : string y : number le dicen al compilador qué guarda cada constante. Si descomentas la línea broken, TypeScript avisa de que un texto no cabe en un número.

Tarea

Cómo usar el editor⌘ Enter o Ctrl Enter ejecuta el código, ⇧ ⌘ Enter comprueba la tarea.Tab y Mayús Tab sangran la línea o la selección; Esc y luego Tab sale del editor.La comprobación compara lo que imprimió el programa con la tarea; los espacios al final de línea no cuentan.Tras dos comprobaciones fallidas puedes ver la solución. Tu código se guarda en este navegador.

Dale a la constante greeting el tipo string, guarda en ella el texto «Hello, TypeScript!» y muéstrala. El programa debe imprimir exactamente Hello, TypeScript!

// TODO: add the type annotation ": string"// and put "Hello, TypeScript!" inside the quotesconst greeting = ""; console.log(greeting);

// TODO: add the type annotation ": string"
// and put "Hello, TypeScript!" inside the quotes
const greeting = "";

console.log(greeting);

Salida

Aquí aparecerá lo que imprima el programa.