Ejecutor CLI TypeScript Online

Ejecuta y testea TypeScript instantáneamente desde el navegador con un CLI sin configuración, perfecto para aprender o depurar sobre la marcha.

Versión

Ejemplo

🚀 ejecuciones totales ( este mes)

👨‍💻 Domina Typescript con cursos prácticos

🌀 Acerca de este ejecutor de TypeScript en línea

El CodeUtility TypeScript Executor te permite escribir y ejecutar código TypeScript directamente en tu navegador — sin configurar un compilador, instalar Node.js ni preparar un entorno local. Ejecuta código TypeScript real compilado a JavaScript dentro de un entorno seguro y aislado (sandbox).

Este entorno actualmente es compatible con TypeScript 5.4, dándote acceso a las funciones más recientes del lenguaje como decoradores, mejor inferencia de tipos y soporte moderno de ECMAScript.

Ya sea que estés aprendiendo TypeScript, probando funciones utilitarias o experimentando con tipos e interfaces, esta herramienta ofrece una forma rápida e interactiva de escribir, compilar y ejecutar tu código con retroalimentación instantánea.

Es perfecto para desarrolladores que quieren explorar el sistema de tipos de TypeScript o verificar cómo TypeScript compila a JavaScript sin cambiar entre editores o terminales locales.

💡 Cómo usar esta herramienta

1. Elige la versión disponible de TypeScript (5.4) en el menú desplegable en la parte superior del editor.
2. Escribe o pega tu código TypeScript en el editor — incluidos tipos, interfaces y genéricos.
3. Haz clic en Ejecutar para compilar y ejecutar tu código, viendo la salida en la consola de abajo.
4. Mientras se ejecuta, aparecerá un botón Detener — haz clic para terminar el proceso antes de tiempo.
5. Usa Corregir código para arreglar automáticamente problemas de sintaxis o indentación.
6. Tras corregir, aparecerá un botón Correcciones — haz clic para revisar las correcciones recientes.
7. También puedes Subir un archivo local al editor o Descargar tu código actual.
8. Cada ejecución dura hasta 20 segundos antes de agotar el tiempo por estabilidad y equidad.

🧠 Consejo: El ejecutor de TypeScript compila tu código a JavaScript automáticamente tras bambalinas — así puedes probar el comportamiento real de ejecución mientras te beneficias del tipado estático y la seguridad en tiempo de compilación.

💡 Guía básica de TypeScript para principiantes

1. Declaración de variables

TypeScript permite tipado estático 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 ramificar. 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 iterar.

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);          // Agregar al final
arr.splice(1, 1);      // Eliminar el segundo elemento
console.log(arr);

6. Entrada/salida por 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 admite la 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();