Pengantar Tipe Irisan dan Tipe Gabungan

Tipe irisan dan tipe gabungan dalam TypeScript memungkinkan Anda menggabungkan atau membuat tipe yang fleksibel, sehingga Anda dapat mendefinisikan struktur data yang kompleks dengan lebih efektif.

Apa Itu Tipe Gabungan?

Tipe gabungan memungkinkan suatu nilai memiliki salah satu dari beberapa tipe. Anda dapat mendefinisikan tipe gabungan menggunakan operator |.

Contoh Tipe Gabungan

Berikut contoh penggunaan tipe gabungan:

type Status = 'active' | 'inactive' | 'suspended';

let userStatus: Status;
userStatus = 'active'; // Valid
userStatus = 'pending'; // Error

Apa Itu Tipe Irisan?

Tipe irisan menggabungkan beberapa tipe menjadi satu, sehingga tipe gabungan tersebut harus memiliki semua properti dari tipe-tipe yang diiris.

Contoh Tipe Irisan

Berikut contoh penggunaan tipe irisan:

type User = {
  name: string;
  email: string;
};

type Admin = {
  role: string;
};

type AdminUser = User & Admin;

const admin: AdminUser = {
  name: 'Alice',
  email: 'alice@example.com',
  role: 'admin'
};

Perbedaan antara Tipe Gabungan dan Tipe Irisan

Tipe gabungan memungkinkan nilai memiliki beberapa tipe yang mungkin, sedangkan tipe irisan menggabungkan beberapa tipe menjadi satu, sehingga semua properti harus tersedia.

Kasus Penggunaan Praktis

Tipe gabungan sangat berguna untuk menangani berbagai tipe masukan, sedangkan tipe irisan ideal untuk menggabungkan beberapa peran atau fitur menjadi satu tipe.

Tugas Latihan

Buat tipe yang menggabungkan tipe Product dengan tipe Discount menggunakan tipe irisan. Gunakan tipe tersebut untuk mendeklarasikan sebuah variabel.

Selamat!

Anda telah mempelajari cara menggunakan tipe gabungan dan tipe irisan untuk mendefinisikan tipe yang fleksibel dan gabungan dalam TypeScript. Latih konsep-konsep ini agar kode Anda lebih tangguh dan aman terhadap tipe!