null, undefined et vérifications strictes de nullité

Bienvenue

Valeur nulle ou indéfinie

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

Sans vérifications strictes des valeurs nulles

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

Activer les vérifications strictes des valeurs nulles

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

Propriétés facultatives

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

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

Réduire les types pouvant être nuls

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

Chaînage facultatif (?.)

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

Coalescence des valeurs nulles (??)

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

Opérateur d'assertion de valeur non nulle (!)

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

Renvoyer une valeur nulle ou indéfinie

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

strictNullChecks évite l'erreur à un milliard de dollars

Vérification rapide

Récapitulatif