TypeScript Academy · Lezione

null, undefined e controlli strict null

Gestisca null e undefined in modo sicuro con la modalità strict.

null, undefined e controlli strict null è 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.

Benvenuto

In JavaScript, null e undefined sono cause comuni di errori a runtime. I controlli strict null di TypeScript la obbligano a gestirli esplicitamente.

null rispetto a undefined

`undefined` indica che una variabile è stata dichiarata ma non ha ricevuto un valore. `null` indica un'assenza intenzionale di valore. In TypeScript sono entrambi tipi distinti.

let a: undefined = undefined;
let b: null = null;

Senza i controlli strict null

Senza `strictNullChecks`, null e undefined sono sottotipi di ogni tipo. È il comportamento predefinito nelle versioni precedenti di TypeScript ed è generalmente non sicuro.

// strictNullChecks: false (unsafe default)
let name: string = null; // allowed — dangerous!

Abilitare i controlli strict null

Con `strictNullChecks: true` (incluso in `strict`), null e undefined sono assegnabili solo ai rispettivi tipi o a tipi unione espliciti.

// strictNullChecks: true
let name: string = null; // Error!
let maybeName: string | null = null; // OK

Proprietà opzionali

Le proprietà degli oggetti contrassegnate con `?` sono implicitamente `T | undefined`. Deve gestire il caso in cui siano assenti.

interface Config {
  host: string;
  port?: number; // number | undefined
}

const c: Config = { host: 'localhost' };
console.log(c.port?.toString()); // optional chaining

Restringere i tipi nullable

Utilizzi un controllo con if per restringere un'unione con null o undefined prima di accedere alle proprietà.

function greet(name: string | null): string {
  if (name === null) return 'Guest';
  return 'Hello, ' + name;
}

Optional chaining (?.)

L'operatore `?.` restituisce immediatamente `undefined` se il lato sinistro è null o undefined, evitando un arresto anomalo a runtime.

const user = getUser();
const city = user?.address?.city; // undefined if any step is null

Nullish coalescing (??)

L'operatore `??` restituisce il lato destro solo quando il lato sinistro è null o undefined, a differenza di `||`, che si attiva con qualsiasi valore falsy.

const port = config.port ?? 3000; // 3000 if port is null/undefined
const label = name ?? 'Anonymous';

Operatore di asserzione non-null (!)

L'operatore postfisso `!` comunica a TypeScript che si è certi che un valore non sia null o undefined. Lo utilizzi solo quando ne è assolutamente certo.

const el = document.getElementById('root')!;
el.textContent = 'Loaded'; // no null check needed

Restituire null rispetto a undefined

Preferisca restituire `null` per indicare un risultato vuoto intenzionale e `undefined` per valori mancanti o opzionali. Mantenga la coerenza all'interno del codice.

function findUser(id: number): User | null {
  return db.find(u => u.id === id) ?? null;
}

strictNullChecks previene l'errore da miliardi di dollari

Tony Hoare ha definito null il suo «errore da miliardi di dollari». strictNullChecks di TypeScript previene gli arresti anomali causati da null e undefined imponendo di gestire esplicitamente questi valori.

Verifica rapida

Che cosa restituisce l'operatore `??` (nullish coalescing) sul lato destro?

Riepilogo

Abiliti strictNullChecks per prevenire i bug causati da null e undefined. Utilizzi i tipi unione per consentire valori nullable, l'optional chaining (?.) per attraversare i valori in sicurezza e il nullish coalescing (??) per fornire valori predefiniti.

Domande Frequenti

La lezione «null, undefined e controlli strict null» è gratuita?

Sì — il testo completo di «null, undefined e controlli strict null» è 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 «null, undefined e controlli strict null»?

Gestisca null e undefined in modo sicuro con la modalità strict. 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 «null, undefined e controlli strict null»?

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

← Torna a TypeScript Academy