Hari ini kita akan melihat mengapa Anda harus mempelajari TypeScript. Apa manfaat dari TypeScript?

Hai Aku! frontend saya -teman!

Jika Anda tidak yakin apakah akan mempelajari TypeScript atau tidak, Anda telah datang ke tempat yang tepat. Anda tidak perlu membaca lagi setelah membaca yang ini karena Anda akan mengerti persis apa yang bisa dicapai TypeScript untuk Anda.

Mari gunakan contoh untuk mengklarifikasi setiap poin secara bergantian.

Pengecekan tipe statis

TypeScript sebagian besar digunakan untuk mencegah kesalahan runtime. Kita dapat menambahkan pengecekan tipe statis ke kode kita dengan menggunakan TypeScript, yang sangat luar biasa.

Mari kita ambil contoh

Di sini, pertama-tama kita mendeklarasikan pesan sebagai string sebelum memanggilnya karena, seperti yang kita semua tahu, string tidak dapat dipanggil. ( Proyek besar mungkin menyulitkan untuk mengingat jenis variabel (string, fungsi, dll.), jadi kami sering membuat kesalahan dengan jenisnya. )

Runtime dalam JavaScript akan mengidentifikasi masalah ini dan membuangnya. Namun dalam TypeScript, TypeScript akan memberi kita pesan kesalahan sebelum kita menjalankan kodenya terlebih dahulu. sungguh luar biasa Anda tidak perlu menunggu waktu proses untuk menemukan kesalahan

Kegagalan Tidak Terkecuali

Secara umum, jika kami mencoba mengakses sesuatu yang tidak ditentukan, kami akan mendapatkan kesalahan. tetapi Anda dapat membayangkan bahwa mengakses properti yang tidak ada pada objek juga akan menimbulkan kesalahan. Alih-alih, JavaScript undefinedterkadang merusak kode kita.

Mari kita ambil contoh

Di sini secara pribadi objek, kami mencoba mengakses properti person.locationyang tidak ditentukan.

Dalam javascript, Anda akan mendapatkan undefinedbahwa terkadang merusak kode kami.
Namun di TypeScript, Anda akan langsung diberi tahu.

Salah ketik

TypeScript juga mencegah kesalahan ketik

Seberapa cepat Anda dapat menemukan kesalahan ketik?.. skrip membantu kami menghindari kesalahan ketik tersebut.

Jenis Eksplisit

Sejauh ini, kami belum memberi tahu TypeScript tentang tipe variabel, seperti "variabel harus berupa string, angka, boolean, dll."

Mari kita pahami dengan sebuah contoh

di sini kami telah menambahkan anotasi jenis persondan dateuntuk menjelaskan jenis nilai apa yang greetdapat dipanggil. Anda dapat memahaminya sebagai orang bertipe string dan datebertipe Date.

Dengan ini, TypeScript dapat memberi tahu kami tentang kasus lain yang greetmungkin salah dipanggil. Sebagai contoh…

tsc, kompiler TypeScript

Browser tidak mengerti TypeScript jadi kita harus menggabungkannya menjadi js dengan menggunakan kompiler tsc

npm install -g typescript

Anda dapat mengkompilasi file Anda

tsc <your file name>

Semoga kalian menyukainya

Selamat membuat kode!

mau kasih saran :-

temukan saya di LinkedIn Twitter

Email saya di [email protected]