Compilador TypeScript en Línea – Ejecuta TypeScript en tu Navegador

Usa nuestro compilador TypeScript en línea para escribir, compilar y ejecutar código TypeScript al instante en el navegador. Perfecto para desarrolladores que están aprendiendo TypeScript o probando código rápidamente.

Versión

Ejemplo

🚀 ejecuciones totales ( este mes)

📈 Typescript está en tendencia – empieza hoy

💡 Guía Básica de TypeScript para Principiantes

1. Declaración de Variables

TypeScript permite la tipificación estática con let, const, y anotaciones de tipo.

let x: number = 10;
const pi: number = 3.14;
let name: string = "Alice";
let isActive: boolean = true;

2. Condicionales (if / switch)

Usa if, else if, y else para ramificaciones. switch maneja múltiples valores.

let x = 5;
if (x > 0) {
  console.log("Positivo");
} else if (x < 0) {
  console.log("Negativo");
} else {
  console.log("Cero");
}

switch (x) {
  case 1:
    console.log("Uno");
    break;
  case 2:
    console.log("Dos");
    break;
  default:
    console.log("Otro");
}

3. Bucles

Usa for, while, y for...of para iteración.

for (let i = 1; i <= 5; i++) {
  console.log(i);
}

let i = 5;
while (i > 0) {
  console.log(i);
  i--;
}

4. Arreglos

Usa corchetes [] para definir arreglos.

let numbers: number[] = [1, 2, 3, 4, 5];
let names: string[] = ["Alice", "Bob"];
console.log(numbers[1]);

5. Manipulación de Arreglos

Usa métodos integrados como push, splice, y filter.

let arr = [10, 20, 30];
arr.push(40);          // Añadir al final
arr.splice(1, 1);      // Eliminar segundo elemento
console.log(arr);

6. Entrada/Salida de Consola

Usa console.log para mostrar salida en la consola.

const name: string = "Alice";
console.log("Hola, " + name);

7. Funciones

Declara funciones con parámetros tipados y valores de retorno.

function add(a: number, b: number): number {
  return a + b;
}

console.log(add(3, 5));

8. Mapas

Usa objetos simples o Map para estructuras clave-valor.

const m = new Map<string, number>();
m.set("Alice", 25);
console.log(m.get("Alice"));

9. Manejo de Excepciones

Usa try y catch para manejar errores.

try {
  throw new Error("Algo salió mal");
} catch (e) {
  console.error(e.message);
}

10. Entrada/Salida de Archivos (solo Node.js)

Usa el módulo fs de Node.js para leer y escribir archivos.

import * as fs from "fs";

fs.writeFileSync("file.txt", "Hola Archivo");
const content = fs.readFileSync("file.txt", "utf-8");
console.log(content);

11. Manipulación de Cadenas

Usa métodos de cadena como length, concat, includes.

let str = "Hola Mundo";
console.log(str.length);
console.log(str + "!");
console.log(str.includes("Mundo"));

12. Clases y Objetos

TypeScript soporta programación orientada a objetos.

class Person {
  name: string;
  constructor(name: string) {
    this.name = name;
  }
  greet() {
    console.log(\`Hola, soy \${this.name}\`);
  }
}

const p = new Person("Alice");
p.greet();