Pengertian TypeScript

TypeScript adalah bahasa pemrograman berbasis JavaScript open source yang dikembangkan oleh Microsoft, merupakan superset JavaScript dengan tipe data yang kuat. Bahasa ini menambahkan tipe statis dan fitur lainnya ke bahasa JavaScript, yang membantu pengembang mendeteksi kesalahan sejak dini selama pengembangan, meningkatkan kualitas kode, dan membangun aplikasi yang skalabel dan mudah dipelihara.

TypeScript sangat kuat dalam ekosistem JavaScript, karena memiliki:

• Superset yang identik dengan JavaScript secara 1:1, setiap kode JavaScript yang valid juga merupakan kode TypeScript yang valid. Hal ini memudahkan pengembang untuk secara bertahap mentransisikan proyek JavaScript yang ada ke TypeScript.
• Static type, tidak seperti JavaScript yang dinamis (pemeriksaan type saat runtime), TypeScript adlaah kebalikannya, artinya tipe variabel diperiksa saat proses compile. Hal ini bertujuan mencegah kesalahan umum terkait type sebelum kode dijalankan.
• Kompilasi, kode TypeScript yang ditulis dalam file .ts tidak dapat dijalankan langsung di browser atau runtime JavaScript standar. Kode tersebut harus terlebih dahulu di compile menjadi JavaScript menggunakan compiler TypeScript (tsc).

  Catatan: Jangan ikut ketik tanda backtick   di awal dan akhir kode/perintah, itu hanya penanda blok kode untuk memudahkan penulisan.

Penggunaan TypeScript memberikan berbagai keuntungan signifikan dalam pengembangan perangkat lunak, terutama dalam hal pengurangan kesalahan karena bug terkait ketidakcocokan tipe dapat ditangani pada waktu kompilasi alih-alih saat eksekusi, sehingga menghasilkan kode yang lebih andal. Selain itu, TypeScript menawarkan kemudahan pemeliharaan yang lebih baik melalui definisi tipe eksplisit yang membuat basis kode terdokumentasi secara mandiri, sehingga lebih mudah dipahami oleh tim dalam aplikasi skala besar.

Contoh kode TypeScript.

// Menentukan "cetak biru" untuk objek User
interface User {
  id: number;
  username: string;
  isAdmin: boolean;
}

const userBaru: User = {
  id: 1,
  username: "budi_tech",
  isAdmin: false
};

Jika lupa memasukkan isAdmin', TypeScript akan langsung memberi peringatan error.