Typescript Gradual Strict Mode Any To Typed

Ringkasan

Strict mode menangkap bug lebih awal, tapi diaktifkan sekaligus ke kode besar akan membanjiri error. Naikkan flag satu per satu.

Konsep Dasar

Flag strict utama (semua aktif bila "strict": true):

• noImplicitAny — larang any implisit (param tak bertipe).
• strictNullChecks — null/undefined harus ditangani.
• strictFunctionTypes — pemeriksaan param fungsi ketat.
• noUncheckedIndexedAccess — akses array/objek bisa undefined.

Cara Kerja / Struktur

json

// Tahap 1
{ "compilerOptions": { "noImplicitAny": true } }
// Tahap 2
{ "compilerOptions": { "strictNullChecks": true } }
// Akhir
{ "compilerOptions": { "strict": true } }

ts

// sebelum: any
function f(x) { return x.length; }
// sesudah: typed
function f(x: string): number { return x.length; }

Catatan Implementasi

• Urutan disarankan: noImplicitAny → strictNullChecks → sisanya.
• Ganti any dengan unknown bila benar-benar tak tahu, lalu narrow.
• // @ts-expect-error untuk kasus yang belum sempat diperbaiki (tidak untuk selamanya).

Kesalahan Umum

• Pakai any permanen sebagai "solusi" → kehilangan manfaat TS.
• strict: true di menit pertama migrasi.

Glosarium

• Strict mode: kumpulan cek tipe ketat.
• unknown: tipe aman untuk nilai tak dikenal (wajib narrow).

Referensi

• Migrasi JavaScript ke TypeScript
• Narrowing Patterns