Pengantar Penyempitan Tipe Tingkat Lanjut

Penyempitan tipe tingkat lanjut memungkinkan Anda memperjelas tipe kompleks saat waktu berjalan menggunakan teknik canggih seperti penjaga tipe, analisis alur kontrol, dan predikat khusus.

Alat-alat ini membuat kode TypeScript Anda lebih aman dan mudah diprediksi.

Apa Itu Penyempitan Tipe?

Penyempitan tipe adalah proses memperjelas tipe yang lebih luas, misalnya string | number, menjadi tipe yang lebih spesifik menggunakan pemeriksaan saat waktu berjalan.

Menggunakan typeof untuk Penyempitan Tipe

Operator typeof dapat digunakan untuk mempersempit tipe primitif:

function printValue(value: string | number): void {
  if (typeof value === 'string') {
    console.log(`String: ${value}`);
  } else {
    console.log(`Number: ${value}`);
  }
}

printValue('Hello'); // String: Hello
printValue(42); // Number: 42

Menggunakan instanceof untuk Penyempitan Tipe

Operator instanceof dapat digunakan untuk mempersempit instans kelas:

class Dog {
  bark() {
    console.log('Woof!');
  }
}

class Cat {
  meow() {
    console.log('Meow!');
  }
}

function makeSound(animal: Dog | Cat): void {
  if (animal instanceof Dog) {
    animal.bark();
  } else {
    animal.meow();
  }
}

makeSound(new Dog()); // Woof!
makeSound(new Cat()); // Meow!

Menggunakan Penjaga Tipe Khusus

Anda dapat membuat fungsi penjaga tipe khusus untuk mempersempit tipe dengan lebih tepat:

type Fish = { swim: () => void };
type Bird = { fly: () => void };

declare const animal: Fish | Bird;

function isFish(animal: Fish | Bird): animal is Fish {
  return (animal as Fish).swim !== undefined;
}

if (isFish(animal)) {
  animal.swim();
} else {
  animal.fly();

Analisis Alur Kontrol

Analisis alur kontrol TypeScript secara otomatis mempersempit tipe berdasarkan alur logis kode Anda:

function getLength(value: string | string[]): number {
  if (Array.isArray(value)) {
    return value.length;
  } else {
    return value.length;
  }
}

console.log(getLength('Hello')); // 5
console.log(getLength(['a', 'b', 'c'])); // 3

Manfaat Penyempitan Tipe Tingkat Lanjut

Penyempitan tipe tingkat lanjut menyempurnakan kode Anda dengan:

• Mengurangi kesalahan saat waktu berjalan.
• Membuat kode lebih aman dan mudah dipahami.
• Memberikan kendali yang tepat atas penanganan tipe.

Tugas Latihan

Buat fungsi yang menerima parameter bertipe string | number dan mencatat pesan yang berbeda untuk setiap tipe. Gunakan typeof untuk menerapkan logikanya.

Selamat!

Anda telah mempelajari cara menggunakan teknik penyempitan tipe tingkat lanjut dalam TypeScript untuk memperjelas dan menangani tipe kompleks dengan aman dan efektif. Latih teknik-teknik ini agar kode Anda lebih tangguh dan aman terhadap tipe!