TypeScript 7.0.0

Compilatore TypeScript online

Name: myCompiler TypeScript
Author: myCompiler

myCompiler è un compilatore, editor ed esecutore di codice TypeScript online gratuito che ti permette di scrivere, eseguire e condividere codice TypeScript direttamente nel tuo browser. Funziona come playground, sandbox, fiddle, compilatore cloud e REPL online per TypeScript. Nessun download, nessuna installazione necessaria. Apri l'editor e inizia a programmare con evidenziazione della sintassi, completamento automatico e output istantaneo.

Inizia a programmare in TypeScript Come funziona

27+ linguaggi Usato da 1M+ sviluppatori Gratuito per sempre

main.ts

interface User {
  name: string;
  age: number;
}

const users: User[] = [
  { name: "Alice", age: 25 },
  { name: "Bob", age: 30 },
];

for (const u of users) {
  console.log(`${u.name}: ${u.age}`);
}

Output

Alice: 25 Bob: 30

Come eseguire codice TypeScript online

Tre passi dall'idea al codice TypeScript funzionante in questo playground online. Nessun account necessario.

Scrivi il tuo codice

Apri l'editor TypeScript e inizia a scrivere. L'editor intelligente ti offre evidenziazione della sintassi, completamento automatico e rilevamento degli errori mentre digiti.

Clicca Esegui

Premi il pulsante Run oppure premi +Enter per eseguire il tuo codice TypeScript su server cloud sicuri e isolati.

Visualizza i risultati

L'output appare istantaneamente nel terminale integrato. Errori ed eccezioni vengono mostrati con messaggi chiari e utili.

Tutto il necessario per programmare in TypeScript

Un IDE TypeScript online completo e playground di programmazione nel tuo browser. Scrivi, esegui e condividi codice senza alcuna configurazione.

Nessuna configurazione richiesta

Inizia a programmare in pochi secondi con questo interprete TypeScript basato su browser. Nessun download, nessuna installazione, nessuna configurazione dell'ambiente. Apri il browser, vai su myCompiler e inizia a scrivere codice TypeScript immediatamente.

Funziona su qualsiasi dispositivo con un browser web. Desktop, laptop, tablet, telefono, Chromebook. Non c'è nulla da installare e nulla da configurare.

Editor di codice ricco di funzionalità

Scrivi TypeScript con un editor di codice di livello professionale integrato nel tuo browser. L'evidenziazione della sintassi colora il codice per una migliore leggibilità, rendendo parole chiave, stringhe e funzioni facilmente distinguibili a colpo d'occhio.

Il completamento automatico intelligente suggerisce metodi e proprietà mentre digiti, e il rilevamento degli errori in tempo reale individua i problemi prima che tu esegua il codice.

Progetti multi-file

Crea e gestisci più file in un singolo progetto. Usa la barra laterale dei file per organizzare il codice in moduli, poi importali tra i file proprio come in un IDE desktop.

Costruisci applicazioni modulari con una struttura di progetto appropriata. Ogni file è modificabile e puoi passare da uno all'altro istantaneamente.

Esegui il codice istantaneamente

Clicca il pulsante Esegui oppure premi +Enter per eseguire il tuo codice TypeScript all'istante. Questo esecutore di codice online mostra l'output immediatamente nel pannello del terminale integrato. Il tuo codice viene eseguito su server cloud sicuri e isolati e i risultati appaiono in pochi secondi.

I messaggi di errore e i traceback vengono visualizzati chiaramente, rendendo facile trovare e correggere i problemi. Il terminale supporta i colori ANSI per una formattazione ricca dell'output.

Pronto a provarlo? Scrivi ed esegui il tuo primo programma TypeScript in pochi secondi.

Apri l'editor TypeScript

TypeScript su myCompiler

myCompiler esegue TypeScript 7.0.0, sempre aggiornato all'ultima versione stabile. Ottieni un IDE completo basato su browser con evidenziazione della sintassi, completamento intelligente del codice, supporto per progetti multi-file, un terminale integrato per l'output in tempo reale e input standard (stdin) per programmi interattivi. Scrivi, compila, esegui e fai il debug di codice TypeScript su qualsiasi dispositivo. Desktop, laptop, tablet, telefono, Chromebook. Nessun download, nessuna configurazione e nessuna registrazione richiesta. Salva i tuoi programmi con un URL univoco e condividili con chiunque. Puoi anche incorporare un editor TypeScript funzionante sul tuo sito web.

Usa questo playground TypeScript online come esecutore di codice rapido per testare snippet, una sandbox di programmazione per imparare, o un compilatore cloud per prepararti ai colloqui tecnici. L'editor include la modalità scura per programmare comodamente, scorciatoie da tastiera per flussi di lavoro più rapidi e messaggi di errore chiari con numeri di riga per fare il debug velocemente. Gli studenti lo usano per i compiti e l'esercitazione. Gli insegnanti lo usano per condividere esempi funzionanti. Gli sviluppatori lo usano per prototipare idee. myCompiler è adatto ai principianti, veloce e completamente gratuito. Funziona in qualsiasi browser web moderno.

Inizia a programmare in TypeScript

Esempi di codice TypeScript

Pattern comuni di TypeScript che puoi provare nel compilatore online. Ogni esempio è pronto per essere eseguito.

Hello World in TypeScript

main.ts

console.log("Hello, World!");

Variabili e tipi di dati in TypeScript

main.ts

const name: string = "Alice";
let age: number = 30;
const isStudent: boolean = true;
console.log(`${name} is ${age} years old`);

Condizionali If-Else in TypeScript

main.ts

const x: number = 10;
if (x > 0) {
  console.log("Positive");
} else if (x === 0) {
  console.log("Zero");
} else {
  console.log("Negative");
}

Cicli For e While in TypeScript

main.ts

for (let i = 0; i < 5; i++) {
  console.log(`Count: ${i}`);
}

const fruits: string[] = ["apple", "banana", "cherry"];
for (const fruit of fruits) {
  console.log(fruit);
}

Funzioni in TypeScript

main.ts

function greet(name: string, greeting: string = "Hello"): string {
  return `${greeting}, ${name}!`;
}

console.log(greet("Alice"));
console.log(greet("Bob", "Hi"));

Array e collezioni in TypeScript

main.ts

const fruits: string[] = ["apple", "banana", "cherry"];
fruits.push("date");
console.log(fruits[1]);

const person: { name: string; age: number } = { name: "Alice", age: 30 };
console.log(person.name);

Classi e oggetti in TypeScript

main.ts

class Dog {
  constructor(public name: string, public breed: string) {}

  bark(): string {
    return `${this.name} says Woof!`;
  }
}

const dog = new Dog("Rex", "Labrador");
console.log(dog.bark());

Gestione degli errori in TypeScript

main.ts

try {
  const result = JSON.parse("invalid json");
} catch (e) {
  console.log(`Error: ${(e as Error).message}`);
} finally {
  console.log("Done");
}

I/O su file in TypeScript

main.ts

import * as fs from "fs";

// Write to file
fs.writeFileSync("output.txt", "Hello, File!");

// Read from file
const content = fs.readFileSync("output.txt", "utf8");
console.log(content);

Generics in TypeScript

main.ts

function identity<T>(value: T): T {
  return value;
}

function firstElement<T>(arr: T[]): T | undefined {
  return arr[0];
}

console.log(identity<string>("Hello TypeScript"));
console.log(identity<number>(42));
console.log(firstElement([10, 20, 30]));

Prova questi esempi nell'editor

Come fornire input in TypeScript online

myCompiler supporta l'input standard (stdin) per i programmi TypeScript. Usa le funzioni di input standard di TypeScript per leggere l'input dell'utente. Inserisci i tuoi dati di input nel pannello stdin prima di eseguire il programma.

Funziona sia per input su una riga che su più righe. Puoi leggere stringhe e convertirle in numeri utilizzando le funzioni I/O integrate del linguaggio.

Provalo tu stesso

main.ts stdin supportato

const readline = require("readline");
const rl = readline.createInterface({
  input: process.stdin
});

const lines: string[] = [];
rl.on("line", (line: string) => lines.push(line));
rl.on("close", () => {
  console.log(`Hello ${lines[0]}!`);
  console.log(`You'll be ${+lines[1] + 1} next year.`);
});

stdin

Alice
25

Output

Hello Alice!
You'll be 26 next year.

Nessuna configurazione, nessuna registrazione. Inizia a scrivere codice TypeScript adesso.

Inizia a programmare ora

Inizia con TypeScript online

Puoi iniziare a scrivere ed eseguire codice TypeScript adesso senza installare nulla. Digita il tuo codice e clicca su Esegui. Questo esecutore di codice TypeScript gratuito esegue il tuo programma istantaneamente e mostra l'output nel pannello del terminale sotto l'editor. Apri l'editor online di TypeScript, digita il tuo codice e clicca su Esegui.

Se sei nuovo a TypeScript, usa questo playground TypeScript online per iniziare con le basi come variabili, tipi di dati, condizionali e cicli. Gli esempi di codice qui sopra coprono tutti i fondamentali necessari per iniziare. Ogni esempio può essere copiato nella sandbox ed eseguito immediatamente. Nessuna configurazione, nessuna impostazione.

Man mano che avanzi, prova a creare progetti multi-file, usare librerie e condividere i tuoi programmi con altri tramite URL. Registra un account gratuito per salvare il tuo lavoro e costruire una libreria personale di programmi. myCompiler funziona come un IDE TypeScript online completo direttamente nel tuo browser.

Chi usa myCompiler

Che tu stia imparando a programmare, preparandoti per i colloqui o prototipando idee, myCompiler è fatto per te.

Studenti e chi impara

Fai esercizi, completa i compiti e sperimenta con il codice senza installare nulla sui computer scolastici o personali.

Insegnanti ed educatori

Condividi esempi di codice con gli studenti tramite URL univoci. Incorpora il compilatore nei materiali del corso così gli studenti possono eseguire gli esempi direttamente nel browser.

Candidati ai colloqui

Esercitati con i problemi dei colloqui di programmazione, testa algoritmi e verifica soluzioni rapidamente durante la preparazione ai colloqui tecnici.

Sviluppatori professionisti

Prototipa rapidamente idee, testa snippet di codice o prova una libreria senza configurare un ambiente locale. Ottimo per esperimenti veloci.

Creatori di contenuti e blogger

Incorpora esempi interattivi in post di blog, tutorial e documentazione così i lettori possono eseguire il codice senza lasciare la pagina.

Team e collaboratori

Condividi snippet di codice con i colleghi tramite URL. Gli altri possono visualizzare, eseguire e fare il fork del tuo codice per svilupparlo ulteriormente.

myCompiler vs. IDE locale

Perché usare un compilatore TypeScript online invece di installarne uno localmente?

Funzionalità	myCompiler	IDE locale
Tempo di configurazione	Istantaneo	Da minuti a ore
Installazione	Nessuna richiesta	TypeScript + IDE richiesti
Supporto dispositivi	Qualsiasi browser	Solo desktop
Condivisione del codice	URL con un clic	Manuale (file, git, ecc.)
Linguaggi	27+ in un unico posto	Uno alla volta
Costo	Gratuito per sempre	Gratuito a €€€
Funziona su Chromebook	Sì	Limitato

Cos'è TypeScript?

TypeScript è un superset di JavaScript con tipizzazione forte sviluppato da Microsoft e rilasciato per la prima volta nel 2012. Progettato da Anders Hejlsberg (anche progettista di C# e Turbo Pascal), TypeScript aggiunge a JavaScript tipizzazione statica opzionale, interfacce, enum, generics e decoratori. Qualsiasi JavaScript valido è TypeScript valido, puoi adottare TypeScript in modo graduale.

TypeScript si compila in JavaScript puro, eseguibile in qualsiasi browser o ambiente Node.js. Il suo sistema di tipi rileva intere categorie di bug a compile-time, undefined is not a function, errori di puntatore nullo e tipi di argomento errati, che in JavaScript emergerebbero solo a runtime. Progetti importanti come VS Code, Angular e Deno sono scritti in TypeScript.

A cosa serve TypeScript?

TypeScript è utilizzato per applicazioni frontend su larga scala con Angular (che richiede TypeScript), React con TypeScript e Vue 3, servizi backend Node.js dove la sicurezza dei tipi riduce i bug nelle API, framework full-stack come Next.js e NestJS, sviluppo di librerie dove tipizzazioni forti migliorano l'esperienza d'uso e qualsiasi codebase dove più sviluppatori collaborano e necessitano di interfacce chiare.

TypeScript per principianti

TypeScript si impara meglio dopo avere solide basi in JavaScript. Una volta compreso il comportamento runtime di JavaScript, il sistema di tipi di TypeScript ti aiuta a scrivere codice più prevedibile. I messaggi di errore del compilatore TypeScript sono educativi, spiegano esattamente quale mismatch di tipo si è verificato e perché. Usa il compilatore TypeScript online di myCompiler per sperimentare con tipi, interfacce, generics e decoratori senza configurare un tsconfig.json localmente.

TypeScript vs altri linguaggi

Rispetto a JavaScript, TypeScript aggiunge sicurezza dei tipi a compile-time che rileva i bug prima, al costo di un passaggio di compilazione e una sintassi più verbosa per le annotazioni di tipo. Rispetto a Flow (il type checker JavaScript di Facebook), TypeScript ha vinto la battaglia dell'ecosistema, praticamente tutti i framework principali ora hanno supporto TypeScript di prima classe. Rispetto a Java o C#, il sistema di tipi di TypeScript è strutturale (non nominale) e più flessibile, ma il runtime JavaScript sottostante significa che alcune informazioni sui tipi vengono cancellate a runtime.

Perché usare un compilatore TypeScript online?

Un compilatore TypeScript online, chiamato anche playground TypeScript o sandbox TS, ti permette di compilare ed eseguire codice TypeScript direttamente nel browser senza installare Node.js, tsc o configurare un tsconfig.json. È ideale per imparare i tipi TypeScript, sperimentare con generics e tipi utility, testare decoratori e condividere esempi TypeScript con annotazioni di tipo intatte.

L'IDE TypeScript online di myCompiler esegue il controllo completo dei tipi usando il compilatore ufficiale tsc. Gli errori di tipo appaiono nel pannello di output con i numeri di riga. L'ambiente supporta le funzionalità moderne di TypeScript inclusi tipi condizionali, tipi letterali template e decoratori. Salva e condividi programmi tramite URL, completamente gratuito.

Perché TypeScript è così popolare?

L'ascesa di TypeScript è stata fulminea, nel Developer Survey di Stack Overflow si è classificato come uno dei linguaggi più amati per anni consecutivi. L'adozione è accelerata quando Angular lo ha reso il linguaggio predefinito e quando l'ecosistema React ha aggiunto un forte supporto TypeScript. Il fattore chiave è la produttività degli sviluppatori su larga scala: l'IntelliSense di TypeScript, gli strumenti di refactoring e il controllo dei tipi rendono le grandi codebase JavaScript significativamente più manutenibili.

Opportunità di carriera con TypeScript

Le competenze TypeScript sono ora attese per la maggior parte dei ruoli frontend e Node.js. Le offerte di lavoro per sviluppatori React, Angular, Vue e Node.js elencano frequentemente TypeScript come competenza richiesta o preferita. I ruoli includono ingegnere frontend, sviluppatore full-stack, ingegnere backend TypeScript/Node.js e sviluppatore Angular. Aggiungere TypeScript alle conoscenze JavaScript aumenta significativamente la tua competitività sul mercato.

Prova TypeScript online Gratuito · Nessuna registrazione necessaria

Scorciatoie da tastiera

Programma più velocemente con queste scorciatoie da tastiera nell'editor myCompiler.

Esegui codice

+ Enter

Salva programma

+ S

Attiva/disattiva commento

+ /

Indenta riga

Tab

Rimuovi indentazione

Shift + Tab

Annulla

+ Z

Seleziona occorrenza successiva

+ D

Trova e sostituisci

+ H

Incorpora il compilatore TypeScript sul tuo sito web

Aggiungi un compilatore TypeScript interattivo al tuo sito web, blog o piattaforma di apprendimento. I lettori possono scrivere ed eseguire codice TypeScript direttamente sulla tua pagina senza lasciarla.

Perfetto per tutorial tecnici, corsi di programmazione, documentazione e contenuti educativi. Salva un programma su myCompiler e usa il link di incorporamento per aggiungerlo a qualsiasi pagina web.

Embedded TypeScript compilatore, editor ed esecutore di codice

HTML

<iframe
src="https://www.mycompiler.io
    /embed/typescript"
width="100%"
height="400"
frameborder="0">
</iframe>

Perché gli sviluppatori scelgono myCompiler

Un IDE online completo per TypeScript e 27+ altri linguaggi di programmazione.

27+ Linguaggi

Python, JavaScript, Java, C++, Rust, Go, TypeScript, C# e molti altri. Tutti i compilatori e gli interpreti in un unico posto. Passa da un linguaggio all'altro istantaneamente.

Modalità scura e chiara

Passa tra tema chiaro e scuro con un clic. Programma comodamente in qualsiasi condizione di illuminazione, giorno e notte.

Ottimizzato per mobile

Editor completamente responsivo ottimizzato per telefoni, tablet e Chromebook. Programma su qualsiasi dispositivo con un browser web. Nessuna app da scaricare.

Salva e condividi il codice

Salva i programmi nel tuo account, condividili tramite URL univoci e lascia che gli altri visualizzino, facciano il fork ed eseguano il tuo codice. Ottimo per la collaborazione e le revisioni del codice.

Tag e organizzazione

Organizza i tuoi programmi salvati con i tag e trovali rapidamente con ricerca e filtri. Costruisci una libreria personale di snippet di codice e soluzioni.

Nessun account richiesto

Inizia a scrivere ed eseguire codice immediatamente. Nessuna registrazione, nessuna email, nessuna carta di credito. Crea un account gratuito in seguito solo se vuoi salvare il tuo lavoro.

Esplora altri linguaggi di programmazione

myCompiler supporta 27+ linguaggi. Passa da uno all'altro in qualsiasi momento. Tutti gratuiti, tutti in un unico posto.

C++

Java

Visualizza tutti i 27+ linguaggi

Domande frequenti

Domande comuni sull'uso del compilatore, playground ed esecutore di codice TypeScript online.

Sì! myCompiler è completamente gratuito per tutti i linguaggi supportati, incluso TypeScript. Non ci sono abbonamenti, livelli premium né costi nascosti. Ogni funzionalità è disponibile gratuitamente.

myCompiler mantiene aggiornato il proprio ambiente TypeScript. Puoi vedere la versione esatta nella sezione dettagli del linguaggio di questa pagina. Aggiorniamo regolarmente tutti i runtime dei linguaggi alle loro ultime versioni stabili.

Sì. myCompiler compila TypeScript usando il compilatore ufficiale TSC, che esegue il controllo completo dei tipi. Gli errori di tipo vengono segnalati nel pannello di output insieme ai numeri di riga.

Apri semplicemente l'editor TypeScript, scrivi o incolla il tuo codice e clicca il pulsante Esegui. Il tuo codice verrà eseguito sui nostri server e l'output apparirà nel pannello del terminale entro pochi secondi.

Sì. Clicca Salva per memorizzare il tuo programma. Riceverai un URL univoco che puoi condividere con chiunque. I destinatari possono visualizzare, fare il fork ed eseguire il tuo codice.

Sì. myCompiler supporta progetti multi-file. Puoi creare, rinominare ed eliminare file nella barra laterale. Questo ti permette di organizzare il tuo codice TypeScript proprio come in un IDE locale.

Sì. Tutto il codice viene eseguito in container isolati sui nostri server. Ogni esecuzione ottiene il proprio ambiente sandbox che viene distrutto al termine. Il tuo codice non può influire su altri utenti né sulla nostra infrastruttura.

Sì. myCompiler ha un design responsivo ottimizzato per telefoni e tablet. Puoi scrivere ed eseguire codice TypeScript in movimento. L'interfaccia mobile usa tab per passare tra editor, output e pannelli file.

Sì. Clicca sulla scheda Input nel pannello inferiore, digita o incolla i tuoi dati di input, poi clicca Esegui. Il tuo programma leggerà dall'input che hai fornito.

L'esecuzione è veloce. Il codice viene eseguito sulla nostra infrastruttura cloud ottimizzata e l'output appare tipicamente entro pochi secondi. Il tempo di esecuzione dipende dalla complessità del tuo programma.

Sì. myCompiler offre una funzionalità di incorporamento. Puoi copiare uno snippet iframe e incollarlo nel tuo sito web, blog o documentazione. I visitatori possono modificare ed eseguire il codice direttamente sulla tua pagina.

myCompiler supporta le scorciatoie comuni dell'editor tra cui Esegui (Ctrl/Cmd+Invio), Salva (Ctrl/Cmd+S), Trova (Ctrl/Cmd+F) e altre. Consulta la sezione scorciatoie da tastiera su questa pagina per l'elenco completo.

No. myCompiler richiede una connessione a internet perché il codice viene compilato ed eseguito sui nostri server cloud. L'editor stesso si carica nel browser, ma l'esecuzione del codice richiede la connettività.

myCompiler offre un ambiente veloce, gratuito e senza configurazione con un moderno editor di codice, supporto multi-file, modalità scura e condivisione istantanea. È ideale per imparare, prototipare, prepararsi ai colloqui e condividere esempi di codice.

Sì. myCompiler è ottimo per esercitarsi con algoritmi e problemi di programmazione. Puoi scrivere codice TypeScript, fornire input personalizzati e testare le tue soluzioni istantaneamente. Salva il tuo lavoro e torna ad esso in qualsiasi momento.

Usa istruzioni print o output sulla console per tracciare il comportamento del tuo programma. myCompiler mostra tutto l'output standard e i messaggi di errore nel pannello del terminale. I messaggi di errore includono i numeri di riga per aiutarti a individuare i problemi.

Pronto a scrivere codice TypeScript?

Apri il playground TypeScript gratuito e inizia a programmare immediatamente. Nessun download, nessun account necessario.

Inizia a programmare in TypeScript

Gratuito · Nessuna registrazione richiesta · TypeScript 7.0.0