- Esecutori
-
Impara
Impara Python Esempi eseguibili, NumPy, pandas e altro Impara l'IAReti neurali, ML e LLM da zero Impara C e C++ Puntatori, memoria, STL e C++ moderno Impara C#Fondamenti, OOP, LINQ, async ed esercizi .NET Impara MatplotlibGrafici a linee, barre, dispersione e torta con visualizzatori Algoritmi Python Ricerca, ordinamento, ricorsione e visualizzazioni O(n) Algoritmi C e C++ Confronta le implementazioni in C e C++ Programmazione per bambini Impara a programmare giocando!
- SfideNuovo
- Per docentiNuovo
- Per bambiniNuovo
- Aggiornamenti
- Offrimi un caffè
Online TypeScript Compiler
Write, compile, run, and debug TypeScript online in a full-featured browser IDE. Manage multiple files and packages, save your workspace, and collaborate in real time.
🚀 1,140 esecuzioni totali (99 questo mese)
Esercitati in Python con le sfide di codice
Risolvi problemi pratici direttamente in questo editor: esegui i test di esempio, invia la soluzione e ricevi una revisione AI del codice.
🌀 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.
Più di un semplice esecutore di codice
Usa nello stesso esecutore un editor multifile, un terminale di esecuzione isolato, librerie specifiche per il runtime, spazi di lavoro persistenti, condivisione e collaborazione in tempo reale.
Come si usa questo esecutore?
Scegli un runtime, apri o crea un file, scrivi il codice e seleziona Esegui. L’output appare nel terminale; gli utenti che hanno effettuato l’accesso possono conservare i file in uno spazio di lavoro, installare librerie e collaborare tramite le condivisioni.
- Seleziona una versione e modifica il file corrente oppure apri un altro file dello spazio di lavoro.
- Esegui il codice, inserisci i dati nel terminale quando richiesto e consulta la cronologia delle esecuzioni salvate.
- Usa librerie, strumenti dello spazio di lavoro, condivisione e chat quando l’attività richiede più di un frammento di codice.
💡 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();