null, undefined, dan Pemeriksaan Null Ketat

Selamat Datang

null vs undefined

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

Tanpa Pemeriksaan Null Ketat

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

Mengaktifkan Pemeriksaan Null Ketat

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

Properti Opsional

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

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

Mempersempit Tipe yang Dapat Bernilai Null

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

Perangkaian Opsional (?.)

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

Penggabungan Nullish (??)

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

Operator Pernyataan Non-Null (!)

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

Mengembalikan null vs undefined

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

strictNullChecks Mencegah Kesalahan Bernilai Satu Miliar Dolar

Pemeriksaan Singkat

Rangkuman