Penyempitan dengan typeof dan Kebenaran

Selamat Datang

Penyempitan dengan typeof

function process(val: string | number) {
  if (typeof val === 'string') {
    return val.toUpperCase(); // val: string
  }
  return val.toFixed(2); // val: number
}

Nilai yang Dikembalikan typeof

typeof 'hello'    // 'string'
typeof 42         // 'number'
typeof true       // 'boolean'
typeof null       // 'object' (quirk!)
typeof undefined  // 'undefined'

Penyempitan Berdasarkan Kebenaran Nilai

function greet(name: string | null) {
  if (name) {
    console.log('Hello, ' + name); // name: string
  } else {
    console.log('Hello, stranger');
  }
}

Nilai yang Dianggap Salah

Penyempitan dengan Konversi Boolean

const items: (string | null)[] = ['a', null, 'b', null];
const strings = items.filter((x): x is string => x !== null);

Kondisi Negasi

function getLength(val: string | null): number {
  if (!val) return 0; // early return narrows
  return val.length;  // val: string here
}

Menggabungkan typeof dengan Kesetaraan

function accept(x: string | number | boolean) {
  if (typeof x === 'string' || typeof x === 'number') {
    console.log(x); // x: string | number
  }
}

typeof Tidak Dapat Menyempitkan Menjadi null

function check(x: string | null | 0) {
  if (x === null) { /* x: null */ }
  else if (x === 0) { /* x: 0 */ }
  else { /* x: string */ }
}

Penyempitan dalam Perulangan

Analisis Alur Kontrol

let x: string | number = 'hello';
// x: string
x = 42;
// x: number

Pemeriksaan Cepat

Ringkasan