0Pricing
TypeScript Academy · Lezione

Cosa aggiunge TypeScript a JavaScript

Apprenda come TypeScript estende JavaScript con i tipi statici.

Cosa aggiunge TypeScript a JavaScript è una lezione TypeScript Academy gratuita su CoddyKit. Questa è la lezione 2 di 4. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento TypeScript Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso TypeScript Academy include 4 lezioni in totale.

Benvenuto

TypeScript è un superset di JavaScript che aggiunge annotazioni statiche dei tipi. In questa lezione imparerà esattamente cosa aggiunge TypeScript rispetto al semplice JavaScript.

TypeScript è un superset

Ogni file JavaScript valido è anche un file TypeScript valido. È possibile rinominare un file .js in .ts e compilarlo. TypeScript aggiunge solo nuove funzionalità: non rimuove mai la sintassi JavaScript.

Annotazioni di tipo

L'aggiunta più evidente consiste nelle annotazioni di tipo. È possibile dichiarare il tipo di una variabile, di un parametro o di un valore restituito dopo i due punti.
let name: string = 'Alice';
let age: number = 30;
let active: boolean = true;

Controllo dei tipi in fase di compilazione

TypeScript controlla i tipi prima dell'esecuzione del codice. Se assegna il tipo sbagliato, il compilatore segnala un errore, evitando un crash a runtime.
let count: number = 5;
count = 'hello'; // Error: Type 'string' is not assignable to type 'number'

Interfacce e alias di tipo

TypeScript aggiunge interfacce e alias di tipo per descrivere la struttura degli oggetti. Questi elementi esistono solo in fase di compilazione e non producono alcun output JavaScript.
interface User {
  name: string;
  age: number;
}

const alice: User = { name: 'Alice', age: 30 };

Enumerazioni

Le enumerazioni consentono di definire un insieme di costanti con nome. A differenza delle interfacce, le enumerazioni generano effettivamente codice JavaScript.
enum Direction { Up, Down, Left, Right }
const move: Direction = Direction.Up;

Generics

I generics consentono di scrivere codice che funziona con qualsiasi tipo mantenendo al contempo la sicurezza dei tipi. Sono una funzionalità fondamentale di TypeScript per creare utilità riutilizzabili.
function identity<T>(value: T): T {
  return value;
}
const n = identity<number>(42);

Modificatori di accesso nelle classi

TypeScript aggiunge `public`, `private` e `protected` alle classi. JavaScript dispone della sintassi # per i membri privati, ma i modificatori di TypeScript vengono controllati in fase di compilazione.
class BankAccount {
  private balance: number = 0;
  deposit(amount: number) { this.balance += amount; }
}

Tipi non nullable

Con strictNullChecks abilitato, null e undefined non sono assegnabili automaticamente a ogni tipo. È necessario consentirli esplicitamente usando tipi unione.
let name: string = null; // Error with strictNullChecks
let maybeName: string | null = null; // OK

TypeScript rimuove i tipi a runtime

Tutte le annotazioni di tipo TypeScript vengono rimosse durante la compilazione. L'output è semplice JavaScript: a runtime non sono presenti informazioni sui tipi.

Strumenti IDE migliori

Grazie alle informazioni sui tipi, gli IDE possono fornire un completamento automatico accurato, documentazione incorporata, rinomine sicure e la ricerca di tutti i riferimenti nell'intero progetto.

Verifica rapida

Cosa accade alle annotazioni di tipo TypeScript quando il codice viene compilato?

Riepilogo

TypeScript estende JavaScript con annotazioni di tipo, interfacce, enumerazioni, generics e modificatori di accesso. Tutte le informazioni sui tipi vengono rimosse in fase di compilazione. Il risultato è JavaScript più sicuro e meglio supportato dagli strumenti di sviluppo.

Domande Frequenti

La lezione «Cosa aggiunge TypeScript a JavaScript» è gratuita?

Sì — il testo completo di «Cosa aggiunge TypeScript a JavaScript» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso TypeScript Academy, passa a CoddyKit PRO. Il corso TypeScript Academy include 4 lezioni in totale.

Cosa imparerò in «Cosa aggiunge TypeScript a JavaScript»?

Apprenda come TypeScript estende JavaScript con i tipi statici. Eserciti TypeScript Academy con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.

Ho bisogno di esperienza per iniziare TypeScript Academy?

Non è richiesta alcuna esperienza precedente. TypeScript Academy su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 2 di 4.

Quanto tempo richiede la lezione «Cosa aggiunge TypeScript a JavaScript»?

La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.

Posso scrivere ed eseguire codice in questa lezione TypeScript Academy?

Sì. Ogni lezione TypeScript Academy include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.

Tutte le lezioni di questo corso

  1. Punti critici di JavaScript: bug a runtime
  2. Cosa aggiunge TypeScript a JavaScript
  3. Compilazione di TypeScript in JavaScript
  4. Quando utilizzare TypeScript nei propri progetti
← Torna a TypeScript Academy