Mengenal Generic Types dalam TypeScript

mhdhanif

Muhammad Hanif

Posted on January 7, 2024

Mengenal Generic Types dalam TypeScript

Dalam blog ini, kita akan membahas penggunaan generic types dalam TypeScript. Generic types memungkinkan kita untuk membuat kode yang lebih fleksibel dan dapat digunakan dengan berbagai jenis data. Kita akan mempelajari konsep dasar generic types, mengapa mereka penting, dan bagaimana menggunakannya dalam pengembangan aplikasi TypeScript.

Pada dasarnya, generic types adalah jenis yang dapat diparameterkan, yang memungkinkan kita untuk mengubah tipe data yang digunakan dalam sebuah komponen atau fungsi. Ini sangat berguna ketika kita ingin membuat kode yang dapat bekerja dengan berbagai jenis tipe data, tanpa harus menulis implementasi yang berbeda untuk setiap tipe.

Misalnya, kita dapat menggunakan generic types untuk membuat sebuah array yang dapat menampung beberapa jenis data, seperti string, number, atau objek. Dengan menggunakan generic types, kita dapat menulis kode yang sama untuk mengakses dan memanipulasi data dalam array, tanpa harus khawatir tentang tipe data spesifik yang akan digunakan.

Selain itu, generic types juga dapat digunakan dalam pembuatan kelas generik. Kelas generik adalah kelas yang dapat digunakan dengan berbagai jenis tipe data. Dengan menggunakan generic types, kita dapat membuat kelas yang dapat bekerja dengan tipe data yang berbeda, tanpa harus menulis implementasi yang berbeda untuk setiap tipe.

Dalam blog ini, kita akan menjelajahi berbagai contoh penggunaan generic types dalam TypeScript, mulai dari penggunaan sederhana hingga penggunaan yang lebih kompleks. Kita akan melihat bagaimana generic types dapat digunakan untuk membuat fungsi yang dapat mengembalikan nilai dengan tipe data yang bervariasi, atau bagaimana generic types dapat digunakan dalam implementasi kelas generik.

Penggunaan generic types akan membantu kita dalam menghasilkan kode yang lebih fleksibel, reusable, dan dapat digunakan dengan berbagai jenis data. Jadi, jangan lewatkan blog ini dan mari kita memahami lebih dalam tentang penggunaan generic types dalam TypeScript.

Berikut adalah contoh kode penggunaan generic types dalam TypeScript:

// Contoh penggunaan generic types pada fungsi
function printArray<T>(array: T[]): void {
  for (let item of array) {
    console.log(item);
  }
}

let numArray: number[] = [1, 2, 3, 4, 5];
let strArray: string[] = ["apple", "banana", "orange"];

printArray(numArray); // Output: 1 2 3 4 5
printArray(strArray); // Output: apple banana orange

// Contoh penggunaan generic types pada kelas
class Queue<T> {
  private items: T[] = [];

  enqueue(item: T): void {
    this.items.push(item);
  }

  dequeue(): T | undefined {
    return this.items.shift();
  }
}

let numberQueue = new Queue<number>();
numberQueue.enqueue(1);
numberQueue.enqueue(2);
numberQueue.enqueue(3);

console.log(numberQueue.dequeue()); // Output: 1
console.log(numberQueue.dequeue()); // Output: 2

let stringQueue = new Queue<string>();
stringQueue.enqueue("apple");
stringQueue.enqueue("banana");
stringQueue.enqueue("orange");

console.log(stringQueue.dequeue()); // Output: apple
console.log(stringQueue.dequeue()); // Output: banana

Enter fullscreen mode Exit fullscreen mode

Selamat membaca!

💖 💪 🙅 🚩
mhdhanif
Muhammad Hanif

Posted on January 7, 2024

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related