IDE Typescript leggero - Esegui codice Typescript online
Scrivi, esegui e correggi Typescript in un IDE online leggero con modifica di più file, spazi di lavoro persistenti, librerie per versione, condivisione e collaborazione in tempo reale.
🎯 Corsi di Typescript selezionati per te
Caricamento in corso…
💡 Vuoi migliorare le tue capacità? Questi corsi possono aiutarti: dai un'occhiata mentre il nostro modello di intelligenza artificiale elabora la tua richiesta.
🌀 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.
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();