0Pricing
TypeScript Academy · Lezione

Asserzioni const e as const

Utilizzi as const per inferire con precisione tipi letterali e tuple.

Asserzioni const e as const è una lezione TypeScript Academy gratuita su CoddyKit. Questa è la lezione 4 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.

Che cos'è as const?

as const è un'asserzione di tipo che indica a TypeScript di dedurre per un'espressione i tipi letterali più specifici possibili e di rendere tutte le proprietà readonly.

const colors = ["red", "green", "blue"] as const;
// type: readonly ["red", "green", "blue"]

Prevenire il widening con as const

Senza as const, i valori stringa negli array e negli oggetti vengono ampliati a string. Con as const, mantengono i propri tipi letterali.

const dir1 = { direction: "left" };
// dir1.direction: string

const dir2 = { direction: "left" } as const;
// dir2.direction: "left"

as const sui literal di oggetti

Ogni proprietà di un oggetto con as const diventa readonly e mantiene ricorsivamente il proprio tipo letterale.

const theme = {
  color: "dark",
  sizes: { sm: 8, md: 16 },
} as const;
// theme.color: "dark", theme.sizes.sm: 8 (all readonly)

as const per i tipi tupla

Gli array con as const diventano tuple readonly con elementi di tipo letterale, utili per definire liste fisse di argomenti.

const args = [1, "hello", true] as const;
// type: readonly [1, "hello", true]

Derivare tipi unione da as const

Un pattern comune consiste nel definire un array di valori con as const e derivarne poi un tipo unione utilizzando typeof e l'accesso indicizzato.

const STATUSES = ["pending", "active", "done"] as const;
type Status = typeof STATUSES[number];
// type Status = "pending" | "active" | "done"

as const negli argomenti delle funzioni

Può utilizzare as const inline quando chiama le funzioni, per preservare i tipi letterali oltre il confine della chiamata.

function setMode(mode: "dark" | "light") {}
setMode("dark" as const); // safe, preserves literal

Ricorsione di Readonly

as const applica Readonly ricorsivamente. Gli oggetti e gli array annidati diventano tutti readonly, impedendo le mutazioni profonde.

const config = { db: { host: "localhost", port: 5432 } } as const;
// config.db.port = 5433; // Error: readonly

as const e Object.freeze

as const è un'asserzione in fase di compilazione e non offre protezione a runtime. Object.freeze opera a runtime. I due strumenti svolgono ruoli complementari.

const obj = Object.freeze({ x: 1 }); // runtime immutability
const obj2 = { x: 1 } as const;      // compile-time literal types

Asserzioni const e annotazioni di tipo

Un'annotazione di tipo amplia il tipo: const x: string = "hi" assegna il tipo string. as const lo restringe: const x = "hi" as const assegna il tipo "hi".

const a: string = "hi"; // type: string
const b = "hi" as const; // type: "hi"

Uso pratico: oggetti simili agli enum

Molti progetti utilizzano oggetti as const come alternativa agli enum, evitando i problemi degli enum e mantenendo al contempo la sicurezza dei tipi.

const Direction = { Up: "UP", Down: "DOWN" } as const;
type Direction = typeof Direction[keyof typeof Direction];
// "UP" | "DOWN"

Riepilogo: as const

as const fa sì che TypeScript deduca tipi letterali e tratti tutte le proprietà come di sola lettura. È essenziale per derivare tipi unione precisi dagli array e creare oggetti di configurazione sicuri.

Verifica rapida

Che effetto ha as const su un array?

Cosa ha imparato

as const è uno strumento potente per fissare i tipi letterali, creare strutture di sola lettura e derivare tipi unione precisi dagli array. È un elemento fondamentale dei pattern avanzati di TypeScript.

Domande Frequenti

La lezione «Asserzioni const e as const» è gratuita?

Sì — il testo completo di «Asserzioni const e as const» è 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 «Asserzioni const e as const»?

Utilizzi as const per inferire con precisione tipi letterali e tuple. 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 4 di 4.

Quanto tempo richiede la lezione «Asserzioni const e as const»?

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. Meccanismi di widening e narrowing dei tipi
  2. Tipizzazione contestuale: inferenza dal contesto
  3. Freshness e controllo delle proprietà in eccesso
  4. Asserzioni const e as const
← Torna a TypeScript Academy