Lompat ke konten utama
←

TypeScript Dasar

Pelajaran 15 dari 16

Tipe fungsi dan generik

Fungsi generik sederhana

Setelah pelajaran ini kamu bisa menulis fungsi yang bekerja untuk beberapa tipe tanpa kehilangan informasi tipenya.

  • ±13 menit
  • 3 latihan
  • Diperiksa 27 Sep 2026

Latihan di pelajaran ini butuh akun gratis. Progres, kode, dan catatanmu hanya tersimpan di browser ini. Masuk untuk menyimpannya

Materi

Fungsi generik memakai parameter tipe, ditulis dalam kurung sudut setelah nama fungsi. Parameter tipe itu diisi otomatis dari argumen yang dikirim, sehingga satu fungsi bisa dipakai untuk array angka maupun array teks tanpa ditulis dua kali.

function pertama<T>(daftar: T[]): T {
  return daftar[0];
}

const angka = pertama([15000, 4000]);     // bertipe number
const kota = pertama(["Bandung", "Medan"]); // bertipe string

Tanpa generik, pilihannya adalah menulis satu fungsi per tipe atau memakai any yang membuang pemeriksaan tipe. Dengan generik, hasil pertama([15000, 4000]) tetap dikenali sebagai number, sehingga pemanggilan method teks seperti toUpperCase pada hasil itu langsung ditolak kompiler.

Satu parameter tipe yang dipakai di dua tempat menuntut keduanya sama. Fungsi bertanda tangan (a: T[], b: T[]) => T[] menolak panggilan dengan array angka dan array teks sekaligus, karena T tidak bisa menjadi dua tipe pada satu panggilan yang sama.

Latihan

0/3 lulus

Jawaban diperiksa di server. Lulus berarti kamu memahami contohnya, bukan penilaian seluruh pekerjaanmu.

Catatanmu

Memuat catatan…

tersimpan otomatis, ikut tercetak · 0/4.000

Lanjutkan ke

Tampilkan 1 lagi

Sebagian materi kelas ini diadaptasi dari Exercism — jalur TypeScript (MIT).