Berikut adalah contoh sederhana untuk memahami mengapa kita harus mendefinisikan antarmuka dan penggunaan antarmuka secara cerdas.

Cukup lama, meskipun mendefinisikan antarmuka, kami lupa tujuan akhir atau mengapa kami mendefinisikan antarmuka.

Mari kita lihat contoh di bawah ini untuk memahaminya dengan lebih baik.

Di sini kita dapat melihat bahwa dari tiga konsol, kami mencoba mengakses properti yang salah di 2 konsol, tetapi TypeScript hanya mendeteksi kesalahan di konsol ketiga, sesuai dengan antarmuka yang ditentukan dan kode hanya mengharapkan 2 properti, jadi jika pengguna mencoba mengakses properti yang tidak valid, naskah akan memunculkannya sebagai kesalahan dan akan mengakibatkan kegagalan pembangunan.

Di sini, muncul pertanyaan, Apa hasil dari konsol untuk ketiganya? Jadi hasil konsol di atas akan menjadi seperti ini. Tapi kesalahan itu masih ada di file .ts

Kesimpulan

Harus selalu mengakses properti objek dalam TypeScript seperti Object.property dan tidak seperti Object['property'].

Kiat Tambahan

Hindari menggunakan kelas javascript saat mendefinisikan antarmuka dalam TypeScript seperti String, Number, Boolean. Jenis ini mengacu pada objek kotak non-primitif.

Alih-alih gunakan kelas TypeScript seperti string, angka, dan boolean.