Compilatore TypeScript Online – Esegui TypeScript nel Tuo Browser

Usa il nostro compilatore TypeScript online per scrivere, compilare ed eseguire codice TypeScript istantaneamente nel browser. Perfetto per sviluppatori che stanno imparando TypeScript o per testare il codice al volo.

Versione

Esempio

🚀 esecuzioni totali ( questo mese)

👨‍💻 Diventa esperto in Typescript con corsi pratici

💡 Guida alle Basi di TypeScript per Principianti

1. Dichiarazione delle Variabili

TypeScript consente il typing statico 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 diramazioni. switch gestisce valori multipli.

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 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
arr.splice(1, 1);      // Rimuovi il secondo elemento
console.log(arr);

6. Input/Output della Console

Usa console.log per visualizzare l'output nella 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. File I/O (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 delle 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 & 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();