Lewati ke konten utama
Numekara
Konsultasi GratisKontak

F4 · Modul 04

Tipe di TypeScript

57 langkah singkat, dari mudah sampai tantangan.

  1. Level 1

    Kenal

  2. Level 2

    Paham

  3. Level 3

    Terapkan

  4. Level 4

    Tantangan

  5. Level 5

    Pendalaman

Intinya

  • TypeScript adalah JavaScript ditambah tipe. tsc memeriksa tipe dan menghasilkan JavaScript sebagai dua tugas terpisah, dan tipenya dihapus sebelum kode berjalan.
  • Anotasi parameter dan nilai kembalian; biarkan inferensi bekerja untuk sisanya.
  • Union literal seperti "tunai" | "qris" | "transfer" menyatakan nilai yang sah; narrowing mempersempitnya di setiap cabang, dan never memastikan switch menangani semuanya.
  • any mematikan pemeriksaan. Data dari luar masuk sebagai unknown lalu diperiksa saat runtime, karena as dan anotasi hanyalah klaim.
  • strict menangkap null, undefined, dan parameter tanpa tipe; erasableSyntaxOnly menjamin kode bisa dijalankan dengan sekadar menghapus tipe.

Sebelum mulai

±4 jam.

Modul ini memakai materi di bawah. Belum yakin? Ulas dulu bagian yang disebut.

Hasil belajar: menjelaskan hubungan TypeScript dan JavaScript (pemeriksa tipe yang terpisah dari pembuat kode); menulis anotasi di tempat yang perlu dan membiarkan inferensi bekerja di tempat lain; memakai tipe dasar, array, tuple, objek, properti opsional, dan tipe fungsi; memakai union dan literal type seperti MetodeBayar; mempersempit tipe (narrowing) dengan typeof, kesamaan, in, instanceof, Array.isArray, dan predikat tipe buatan sendiri; memastikan switch menangani semua kemungkinan dengan never; membedakan any dan unknown serta memilih unknown untuk data dari luar; menjelaskan bendera strict dan galat yang ditangkapnya; menjelaskan penghapusan tipe saat runtime, type stripping di Node, dan erasableSyntaxOnly (tanpa enum, namespace, dan parameter properties) beserta alternatifnya; menjelaskan cara kerja tsc dan apa yang berubah di TypeScript 7; serta menulis MetodeBayar dan labelMetode untuk proyek Laporan Warung.

Proyek: Laporan Warung langkah 04: MetodeBayar dan labelMetode yang tuntas di jenis.ts, lalu jumlah transaksi per metode dari data yang belum dipercaya (unknown).

Istilah di modul ini (47)

Ketuk istilah untuk melihat penjelasannya. Di materi, istilah bergaris titik membuka kartu yang sama. Semua istilah course

Bahan modul

Semua kode, latihan, dan data modul ini dalam satu zip, untuk dijalankan di laptop atau Google Colab.

  • 10 berkas latihan + tes
  • 2 berkas data
Semua data course (data-f4.zip) Cara menjalankan di laptop
Lihat isi zip
  • BACA-DULU.txt
  • latihan_f4_04_1.ts
  • latihan_f4_04_2.ts
  • latihan_f4_04_3.ts
  • latihan_f4_04_5.ts
  • latihan_f4_04_6.ts
  • latihan_f4_04_7.ts
  • latihan_f4_04_4.ts
  • latihan_f4_04_8.ts
  • latihan_f4_04_9.ts
  • latihan_f4_04_10.ts
  • laporan.json
  • laporan-rusak.json