Generik Dasar

Generik (pemrograman generik) adalah salah satu fitur paling canggih dari TypeScript. Mereka memungkinkan Anda menulis komponen, fungsi, dan antarmuka yang fleksibel dan dapat digunakan kembali yang dapat bekerja dengan tipe data berbeda dengan tetap menjaga keamanan tipe maksimum dan menghindari penggunaan any.

Fungsi Generik

Bayangkan generik sebagai variabel untuk tipe. Mari pertimbangkan fungsi yang mengembalikan nilai yang diteruskan ke fungsi tersebut sebagai argumen:

function identity<T>(arg: T): T {
  return arg;
}

Huruf T (kependekan dari Type) adalah pengganti tipe tersebut. Saat kita memanggil identity, TypeScript menangkap tipe argumen yang diteruskan dan secara otomatis menyetel T ke tipe tersebut:

const str = identity<string>('Hello'); // T is string
const num = identity(42); // T is number (automatically inferred!)

Antarmuka Generik dan Alias

Generik juga dapat diterapkan pada antarmuka dan mengetikkan alias untuk mendefinisikan wadah umum atau struktur data:

interface Box<T> {
  content: T;
}

const stringBox: Box<string> = { content: 'TypeScript' };
const numberBox: Box<number> = { content: 42 };

Beberapa Parameter Tipe

Kita dapat mendefinisikan fungsi atau tipe yang menggunakan beberapa variabel tipe (misalnya, T dan U):

function mergeObjects<T, U>(obj1: T, obj2: U): T & U {
  return { ...obj1, ...obj2 };
}

Batasan Umum

Terkadang kita ingin membatasi tipe yang diterima oleh obat generik. Kita dapat menggunakan kata kunci extends untuk menambahkan batasan.

Misalnya, jika kita ingin tipe generik selalu memiliki properti length (seperti string atau array):

interface HasLength {
  length: number;
}

function logLength<T extends HasLength>(arg: T): void {
  console.log(arg.length); // Safe! We know arg has 'length'
}

logLength('Hello'); // Valid
logLength([1, 2, 3]); // Valid
// logLength(42); // Error: number does not have a length property!

Cobalah sendiri

Latihan 1: Fungsi Identitas Generik

Latihan 2: Pembungkus Kotak Generik

Latihan 3: Batasan Umum

Latihan 4: Pasangan Generik