TypeScript Diterangkan: Mengapa Anda Memerlukannya
Anda menulis JavaScript setiap hari. Ia berfungsi dengan baik. Jadi mengapa beralih ke TypeScript?
Saya pernah menghabiskan masa dua hari untuk membaiki pepijat produksi. Ia hanyalah kesilapan taip yang mudah pada nama properti. TypeScript akan menemui ralat tersebut dalam masa milisaat sahaja.
TypeScript ialah JavaScript dengan jenis (types). Microsoft menciptanya pada tahun 2012. Pasukan besar di Google dan Slack menggunakannya.
TypeScript tidak menggantikan JavaScript. Ia dikompilkan kepada JavaScript biasa. Pelayar (browsers) dan Node.js menjalankan fail JS yang terhasil. TypeScript membantu anda menulis kod yang lebih baik sebelum anda menjalankannya.
Bandingkan dua contoh ini:
JavaScript:
function greetUser(name) {
return "Hello, " + name.toUpperCase();
}
greetUser(42); // Ini menyebabkan aplikasi anda terhenti (crash) semasa runtime.
TypeScript:
function greetUser(name: string): string {
return "Hello, " + name.toUpperCase();
}
greetUser(42); // Ini menunjukkan ralat dalam editor anda dengan serta-merta.
Mengapa guna TypeScript?
- Tangkap ralat lebih awal: Anda menemui kesilapan semasa menaip, bukan apabila pengguna menemui mereka.
- Autolengkap yang lebih baik: Editor anda mengetahui struktur data anda dan mencadangkan properti.
- Dokumentasi hidup: Anda dapat melihat dengan tepat data yang diperlukan oleh sesuatu fungsi dengan melihat tandatangannya (signature).
- Refaktor yang selamat: Jika anda menamakan semula sesuatu properti, TypeScript akan menandakan setiap bahagian kod yang rosak.
Cara untuk bermula:
Pasang melalui npm:
npm install -g typescriptCipta fail bernama hello.ts:
const message: string = "Hello, TypeScript!";console.log(message);Kompil ia:
tsc hello.ts
Ini akan mencipta fail hello.js. Jenis-jenis (types) tersebut akan hilang dalam output, meninggalkan JavaScript yang bersih untuk dijalankan oleh pelayar anda.
Kesilapan biasa yang perlu dielakkan:
- Menggunakan "any" untuk segalanya: Ini menghilangkan manfaat TypeScript. Jadilah spesifik.
- Mengabaikan ralat: Jangan sembunyikan ralat dengan komen. Baiki isu asas tersebut.
- Terlebih anotasi: TypeScript adalah pintar. Ia sering kali dapat meneka jenis melalui inferens.
TypeScript mempunyai lengkung pembelajaran yang kecil. Ia akan membuahkan hasil apabila projek anda berkembang.