Esegui TypeScript CLI Online

Testa il tuo codice TypeScript direttamente dal browser con un ambiente CLI. Ideale per sviluppatori: senza setup, perfetto per debugging e apprendimento.

Versione

Esempio

🚀 esecuzioni totali ( questo mese)

📚 I migliori corsi di Typescript che dovresti provare

🌀 Informazioni su questo esecutore TypeScript online

L'Esecutore TypeScript di CodeUtility ti permette di scrivere ed eseguire codice TypeScript direttamente nel browser — senza configurare un compilatore, installare Node.js o predisporre un ambiente locale. Esegue vero codice TypeScript compilato in JavaScript all'interno di un runtime sicuro e in sandbox.

Questo ambiente supporta attualmente TypeScript 5.4, offrendoti le funzionalità più recenti come i decorator, un'inferenza dei tipi migliorata e un supporto moderno a ECMAScript.

Che tu stia imparando TypeScript, testando funzioni di utilità o sperimentando con tipi e interfacce, questo strumento offre un modo rapido e interattivo per scrivere, compilare ed eseguire il tuo codice con feedback immediato.

È perfetto per gli sviluppatori che vogliono esplorare il sistema di tipi di TypeScript o verificare come TypeScript viene compilato in JavaScript senza passare da un editor a un terminale locale.

💡 Come usare questo strumento

1. Scegli la versione di TypeScript disponibile (5.4) dal menu a discesa in cima all'editor.
2. Scrivi o incolla il tuo codice TypeScript nell'area dell'editor — inclusi tipi, interfacce e generics.
3. Clicca Esegui per compilare ed eseguire il codice, visualizzando l'output nella console sotto.
4. Durante l'esecuzione apparirà un pulsante Interrompi — cliccalo per terminare il processo in anticipo.
5. Usa Correggi codice per correggere automaticamente problemi di sintassi o indentazione.
6. Dopo la correzione, apparirà un pulsante Correzioni — cliccalo per rivedere le correzioni recenti.
7. Puoi anche Caricare un file locale nell'editor o Scaricare il tuo codice corrente.
8. Ogni esecuzione può durare fino a 20 secondi prima del timeout, per stabilità ed equità.

🧠 Suggerimento: L'Esecutore TypeScript compila automaticamente il tuo codice in JavaScript dietro le quinte — così puoi testare il comportamento reale di esecuzione beneficiando della tipizzazione statica e della sicurezza a tempo di compilazione.

💡 Guida alle basi di TypeScript per principianti

1. Dichiarare variabili

TypeScript consente la tipizzazione statica con let, const e annotazioni di tipo.

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

2. Condizionali (if / switch)

Usa if, else if e else per i rami logici. switch gestisce più valori.

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

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

3. Cicli

Usa for, while e for...of per l'iterazione.

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

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

4. Array

Usa le parentesi quadre [] per definire gli array.

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

5. Manipolazione degli array

Usa metodi integrati come push, splice e filter.

let arr = [10, 20, 30];
arr.push(40);          // Aggiungi in coda
arr.splice(1, 1);      // Rimuovi il secondo elemento
console.log(arr);

6. Input/Output da console

Usa console.log per mostrare l'output in console.

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

7. Funzioni

Dichiara funzioni con parametri tipizzati e valori di ritorno.

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

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

8. Mappe

Usa oggetti semplici o Map per strutture chiave-valore.

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

9. Gestione delle eccezioni

Usa try e catch per gestire gli errori.

try {
  throw new Error("Qualcosa è andato storto");
} catch (e) {
  console.error(e.message);
}

10. I/O su file (solo Node.js)

Usa il modulo fs di Node.js per leggere e scrivere file.

import * as fs from "fs";

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

11. Manipolazione di stringhe

Usa metodi delle stringhe come length, concat, includes.

let str = "Ciao mondo";
console.log(str.length);
console.log(str + "!");
console.log(str.includes("mondo"));

12. Classi e oggetti

TypeScript supporta la programmazione orientata agli oggetti.

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

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