TypeScript adalah bahasa pemrograman sumber terbuka yang dikembangkan oleh Microsoft. Dia adalah yang disebut Superset JavaScript, yang berarti kode JavaScript apa pun yang valid juga merupakan kode TypeScript yang valid. Keuntungan besar TypeScript adalah sistem tipe statisnya, yang membantu pengembang menulis kode yang lebih aman dan mudah dipelihara.
Pada artikel ini Anda akan mempelajari dasar-dasar TypeScript – mulai dari instalasi hingga penggunaan fungsi yang paling penting.
Mengapa Menggunakan TypeScript?
JavaScript bersifat fleksibel, namun sifat dinamisnya dapat menyebabkan kesalahan yang sulit dipahami dalam proyek yang lebih besar. TypeScript memecahkan masalah ini dengan memperkenalkan pengetikan statis dan fitur-fitur modern seperti Antarmuka, Enum Dan Generik.
Keuntungan utama TypeScript:
Deteksi kesalahan selama pengembangan.
Pelengkapan otomatis dan dokumentasi yang lebih baik di editor (misalnya Visual Studio Code).
Basis kode yang lebih jelas dan terstruktur.
Instal TypeScript
Pertama, Anda perlu menginstal Node.js. Anda kemudian dapat menginstal TypeScript secara global dengan perintah berikut:
npm install -g skrip ketikan
Anda dapat memeriksa versi yang diinstal dengan:
tsc –versi
Program TypeScript pertama Anda
Buat file dengan ekstensi .ts, z. B. halo.ts, dan tulis kode berikut:
fungsi salam (nama: string): string {
kembalikan `Halo, ${nama}!`;
}
console.log(menyapa(“Welt”));
Perhatikan bahwa kami memiliki tipe data rangkaian untuk parameternya nama dan menetapkan nilai kembalian – ini adalah salah satu kekuatan TypeScript.
Untuk mengkompilasi ke JavaScript:
tsc halo.ts
Sebuah file dibuat halo.js, yang dapat Anda jalankan dengan Node.js.
Tipe Data Dasar
TypeScript mendukung banyak tipe data terkenal:
misalkan umur : bilangan = 25;
biarkan nama: string = “Maks”;
biarkan isActive: boolean = true;
biarkan hobi: string[] = [“Baca”, “Tulis”];
biarkan apa saja: any = “tipe apa saja”;
Pria itu setiap Anda harus menghindarinya jika memungkinkan, karena ini meniadakan keuntungan dari pengecekan tipe.
Antarmuka dan Objek
Struktur objek dapat didefinisikan menggunakan antarmuka:
antarmuka Orang {
nama: tali;
usia: nomor;
}
biarkan pengguna: Orang = {
nama: “Anna”,
usia: 30
};
Antarmuka memastikan bahwa objek memiliki properti dan tipe yang diharapkan.
Fungsi dengan parameter dan nilai kembalian
fungsi perkalian(a: bilangan, b: bilangan): bilangan {
kembalikan a * b;
}
Anda dapat menentukan jenis parameter dan nilai yang dikembalikan.
Kelas dan warisan
TypeScript mendukung pemrograman berorientasi objek:
kelas Hewan {
nama: tali;
konstruktor(nama: string) {
ini.nama = nama;
}
pindah(jarak:angka): batal {
console.log(`${nama ini} memindahkan ${distance} meter.`);
}
}
kelas Anjing memperluas Hewan {
kulit(): batal {
console.log(“Wah wah!”);
}
}
const myDog = Anjing baru(“Bello”);
anjingku.kulit();
anjingku.pindah(10);
Kompilasi otomatis dalam mode tontonan
Anda dapat membuat TypeScript dikompilasi ulang secara otomatis dengan setiap perubahan menggunakan perintah berikut:
tsc –menonton
Itu tsconfig.json-Mengajukan
Untuk proyek yang lebih besar, disarankan untuk membuat file konfigurasi:
tsc –init
File tsconfig.json memungkinkan Anda mengelola opsi kompiler secara terpusat – mis. B. Folder keluaran, pengecekan jenis yang ketat dan banyak lagi.
Kesimpulan
TypeScript adalah alat yang ampuh untuk meningkatkan kode JavaScript. Berkat pengetikan statis, fitur modern, dan integrasi editor yang baik, ini cocok untuk proyek kecil dan besar.
Mulailah dengan dasar-dasar seperti tipe data, fungsi, dan kelas. Seiring bertambahnya pengalaman, Anda juga akan terbiasa dengan fitur-fitur canggih seperti Generik, modul Dan Dekorator bisa membiasakan diri.
