Pengenalan TypeScript

TypeScript adalah bahasa pemrograman yang dikembangkan oleh Microsoft, bahasa JavaScript tapi dengan tambahan fitur-fitur yang membuatnya lebih kuat, modern dan aman.

Bayangkan JavaScript bisa memberi tahu kita apa yang akan terjadi sebelum aplikasi dijalankan. TypeScript adalah alat yang membantu kita menghindari kesalahan sebelum kesalahan itu muncul dalam aplikasi. Hal ini membuat kita menghindari kesalahan-kesalahan umum dan aplikasi jadi lebih stabil.

Kenapa Memerlukan TypeScript?

• Type Safety: TypeScript memberi tahu kita tipe data apa yang seharusnya digunakan di berbagai bagian kode kita. Contohnya, katakanlah bahwa suatu variabel adalah angka, TypeScript akan memastikan kita hanya menggunakan angka. Bayangkan ini seperti memastikan kita hanya menggunakan batu bata saat membangun dinding, bukan kayu.
• Early Error Detection: Dengan TypeScript, kita dapat menemukan kesalahan dalam kode sebelum menjalankannya. Misalnya, jika kita mencoba menggabungkan apel dengan jeruk, TypeScript akan memberi tahu kita bahwa ini adalah kesalahan
• Code Readability: TypeScript membuat kode lebih mudah dimengerti. Misalnya, jika kita melihat variabel dengan tipe data "string," kita tahu itu adalah teks.
• Improved Collaboration: Ketika banyak orang bekerja pada proyek yang sama, TypeScript membantu mereka memahami apa yang seharusnya ada dalam kode tanpa harus bertanya-tanya.
• Easier Maintenance: Ketika kita harus mengubah sesuatu di rumah, TypeScript membantu kita memahami bagaimana perubahan tersebut akan memengaruhi seluruh rumah. Ini seperti jika kita ingin menambahkan jendela baru ke rumah, kita tahu di mana harus menambahkannya tanpa merusak bagian lain.

Playground TypeScript

Silahkan buka Playground untuk menjalankan kode Typescript untuk memahami konsep yang akan kita pelajari: https://www.typescriptlang.org/play

TypeScript: A Static Type Checker

TypeScript sering disebut sebagai "pengecek tipe statis" atau "bahasa berjenis statis." Tapi apa artinya?

Typescript mendeteksi kesalahan dalam kode tanpa harus menjalankannya, seperti TypeScript. Proses ini disebut "pemeriksaan statis" karena dia menunjukan kode apakah error atau tidak sebelum aplikasi dijalankan.

Mari lihat contohnya. Bayangkan kita memiliki kode seperti ini:

const obj = { width: 10, height: 15 };
const area = obj.width * obj.heigth;

Akan muncul error:

Property 'heigth' does not exist on type '{ width: number; height: number; }'. Did you mean 'height'?

Perhatikan, ada kesalahan ketik pada "heigth" (tinggi yang salah ejaan). TypeScript akan langsung memberi tahu kita, "Woi, ada masalah di sini. Apakah kamu maksud 'height' (tinggi)?"

Jadi, TypeScript membantu kita menemukan kesalahan semacam ini di kode sebelum kita bahkan mencoba menjalankannya. Ini seperti memiliki asisten yang selalu menjaga agar kita tidak membuat kesalahan yang tidak perlu.