Apa Itu TypeScript?

Warta Ekonomi, Jakarta -

TypeScript adalah bahasa pemrograman yang dikembangkan dan dikelola oleh Microsoft. TypeScript memperkenalkan fitur tambahan seperti strict type binding (variabel terikat pada tipe data tertentu) ke JavaScript dan juga dapat dikompilasi ke JavaScript juga.

TypeScript adalah salah satu proyek open-source, dan kode sumbernya tersedia di GitHub.

Baca Juga: Apa Itu Rich Text Format?

Mengenal Apa Itu TypeScript

TypeScript adalah kumpulan dari banyak JavaScript. TypeScript sendiri dibangun di atas JavaScript. Pertama, Anda menulis kode TypeScript. Kemudian, Anda mengkompilasi kode TypeScript menjadi kode JavaScript biasa menggunakan compiler TypeScript.

Setelah Anda memiliki kode JavaScript biasa, Anda dapat menerapkannya ke lingkungan apa saja yang dapat menjalankan JavaScript. File TypeScript menggunakan ekstensi .ts ketimbang ekstensi .js dari file JavaScript.

TypeScript menggunakan sintaks JavaScript dan menambahkan sintaks tambahan untuk mendukung Types.

Jika Anda memiliki program JavaScript yang tidak memiliki kesalahan sintaks, maka itu juga merupakan program TypeScript. Ini berarti bahwa semua program JavaScript adalah program TypeScript. Ini sangat membantu jika Anda ingin memigrasikan codebase JavaScript yang ada ke TypeScript.

Mengapa Anda Perlu Menggunakan TypeScript?

Jika fitur yang disebutkan di atas tidak cukup meyakinkan Anda untuk menggunakan TypeScript, maka alasan berikut ini pasti membuat Anda melakukannya. TypeScript mampu mengatasi masalah terbesar pada JavaScript, yaitu masalah yang hanya dapat dideteksi selama runtime di JavaScript, yang dapat mengakibatkan aplikasi dengan bug dikirimkan ke end user.

Ini akan memengaruhi bisnis secara negatif dengan menghambat pengalaman pengguna mereka. TypeScript menghilangkan masalah ini dengan memeriksa masalah apa saja pada waktu yang telah dikompilasi.

Skrip berikut tidak akan menunjukan kesalahan saat menggunakan JavaScript, tetapi jika Anda menggunakan TypeScript, kompiler akan menunjukkan bahwa nonExistentProperty tidak ada pada objek obj konstanta obj = {foo: "baz",}; console.log(obj.nonExistentProperty);.

Mari Mulai Gunakan TypeScript

Sekarang mari kita mulai menulis skrip TypeScript pertama kita.

Anda memerlukan Node.js dan package manager (npm atau yarn) yang diinstal untuk menggunakan TypeScript secara lokal. Anda dapat menggunakan kompiler online seperti TypeScript playground untuk kompilasi, tetapi itu bukan ide yang baik dalam kasus proyek besar.

Untuk menginstal TypeScript secara global (ganti tag -g dengan -D untuk menambahkannya sebagai dev dependency dalam paket Node), gunakan perintah berikut:

npm install -g TypeScript

Sekarang Anda akan dapat mengkompilasi kode TypeScript apa saja ke JavaScript. Mari kita uji menggunakan:

konstanta obj = {

foo: "baz",

};

console.log(obj);

Untuk mengkompilasi penggunaan file (Anda juga dapat menggunakan perintah tanpa menginstal TypeScript dengan menambahkan npx sebelum setiap perintah):

tsc .ts

Anda akan menemukan file baru .js yang dibuat di folder yang sama, yang dapat dijalankan seperti file JavaScript lainnya.

TypeScript Atau JavaScript?

Sekarang Anda mungkin memiliki 2 pertanyaan:

1. Mengapa kode TypeScript harus dikompilasi ke JavaScript?

2. Jika kode dikompilasi ke JavaScript, mengapa kita repot-repot menulisnya di TypeScript?

Jawaban untuk pertanyaan pertama adalah TypeScript tidak dapat dipahami oleh browser mana pun, sehingga harus dikonversi ke JavaScript agar browser dapat mengeksekusi kode.

Jawaban untuk pertanyaan kedua sama seperti mengapa Anda harus menggunakan TypeScript di atas JavaScript, ia menawarkan type check pada waktu kompilasi yang bertentangan dengan runtime. Jika Anda mencoba mengkompilasi test.ts dengan eror (seperti yang ditunjukkan di bagian Mengapa Anda Perlu Menggunakan TypeScript?) kompilator akan membuat kesalahan dan memperingatkan Anda tentang kode yang salah.

Konklusi

Secara keseluruhan, TypeScript adalah alat yang hebat untuk dimiliki di perangkat Anda bahkan jika Anda tidak menggunakannya secara maksimal. Sangat mudah untuk memulai dari yang kecil dan tumbuh perlahan, hingga mempelajari dan menambahkan fitur baru saat Anda menggunakannya. TypeScript sangat ramah untuk pemula, jadi tidak perlu takut.