TypeScript - let & const: A Panduan Pemula

Hai sana, super bintang pengkomputeran masa depan! Hari ini, kita akan melantikan masuk ke dunia yang menarik TypeScript dan menjelajah dua konsep asas: let dan const. Jangan khawatir jika anda belum pernah menulis satu baris kod sebelum ini - saya akan menjadi panduannya yang ramah melalui pengembaraan ini.

TypeScript - let & const

Memahami Variabel: Blok Pembinaan Pengkomputeran

Sebelum kita melompat ke let dan const, mari berbicara tentang variabel. Bayangkan anda sedang merancang satu hari lahir. Anda perlu untuk menyimpan jejak hal-hal seperti bilangan tetamu, rasa kue, dan tema parti. Dalam pengkomputeran, kita menggunakan variabel untuk menyimpan dan menguruskan jenis maklumat ini.

Variabel adalah seperti kotak bertanda tempat kita dapat meletakkan jenis data yang berbeza. Kita boleh mengubah apa yang ada di dalam kotak ini (nilai variabel) sepanjang program kita dijalankan.

Sekarang, mari jelajah bagaimana TypeScript memberikan kita dua cara khas untuk mencipta kotak ini: let dan const.

Mengisytiharkan Variabel Menggunakan Kata Kunci let

Apa let?

Kata kunci let digunakan untuk mengisytiharkan variabel yang boleh ditugaskan semula di kemudian hari dalam kod anda. Ia seperti bekas yang boleh digunakan semula yang boleh menyimpan nilai yang berbeza sepanjang masa.

Bagaimana Menggunakan let

mari lihat beberapa contoh:

let umur = 25;
console.log(umur); // Output: 25

umur = 26;
console.log(umur); // Output: 26

let nama = "Alice";
console.log(nama); // Output: Alice

nama = "Bob";
console.log(nama); // Output: Bob

Dalam contoh ini, kita pertama-tama mengisytiharkan variabel umur dan menetapkan nilai 25. Kemudian, kita mengubahnya kepada 26. Sama seperti itu, kita mengisytiharkan nama sebagai "Alice" dan kemudian mengubahnya kepada "Bob". Kata kunci let membolehkan kita menugaskan semula variabel ini.

Skop Blok

Salah satu ciri penting let adalah skop blok. Ini bermakna variabel yang diisytiharkan dengan let hanya boleh diakses dalam blok yang diisytiharkan. Blok biasanya ditakrifkan oleh kurungan kurawal {}.

if (benar) {
let kodeRahsia = 1234;
console.log(kodeRahsia); // Output: 1234
}
console.log(kodeRahsia); // Error: kodeRahsia tidak ditakrifkan

Dalam contoh ini, kodeRahsia hanya boleh diakses di dalam blok if. Percubaan untuk menggunainya diluar blok akan mengakibatkan kesilapan.

Mengisytiharkan Variabel Menggunakan Kata Kunci const

Apa const?

Kata kunci const digunakan untuk mengisytiharkan variabel yang tidak boleh ditugaskan semula selepas diinisialisasi. Ber fikir tentangnya seperti kotak yang ditutup - sekali anda meletakkan sesuatu di dalamnya, anda tidak boleh mengubahnya.

Bagaimana Menggunakan const

mari lihat beberapa contoh:

const PI = 3.14159;
console.log(PI); // Output: 3.14159

PI = 3.14; // Error: Tidak boleh menugaskan kepada 'PI' kerana ia adalah konstant.

const HARI DALAM MINGGU = 7;
console.log(HARI DALAM MINGGU); // Output: 7

Dalam contoh ini, kita mengisytiharkan konstanta untuk PI dan bilangan hari dalam minggu. Jika kita cuba menugaskan nilai baru kepada PI, TypeScript akan melempar kesilapan.

const Dengan Objek dan Array

Adaptasi penting adalah walaupun const menghalang penugasan semula, ia tidak membuat nilai itu sendiri takubah. Ini khusus relevan untuk objek dan array:

const orang = {
nama: "Charlie",
umur: 30
};

orang.umur = 31; // Ini dibenarkan
console.log(orang); // Output: { nama: "Charlie", umur: 31 }

orang = { nama: "David", umur: 25 }; // Error: Tidak boleh menugaskan kepada 'orang' kerana ia adalah konstant.

Dalam contoh ini, kita boleh mengubah properti objek orang, tetapi kita tidak boleh menugaskan orang kepada objek yang baru sepenuhnya.

Bila Menggunakan let vs const

Berikut adalah panduan cepat tentang bila mengguna mana:

Kata Kunci Kes aplikasi
let Bila anda perlu menugaskan semula variabel kemudian
Untuk pengiraan loop
Bila nilai mungkin berubah berdasarkan syarat
const Untuk nilai yang tidak sepatutnya ditugaskan semula
Untuk mengisytiharkan konstanta (seperti PI)
Untuk rujukan objek dan array yang tidak akan ditugaskan semula

Amalan Terbaik dan Tips

  1. Default kepada const: Mulai dengan const untuk semua variabel anda. Hanya beralih ke let jika anda temui keperluan untuk menugaskan semula variabel.

  2. Nama Deskriptif: Gunakan nama yang jelas dan deskriptif untuk variabel anda. Sebagai contoh, umur Pengguna lebih baik daripada hanya a.

  3. Kapitalisasi Konstanta: Untuk konstanta sebenar (seperti PI), gunakan nama huruf besar dengan tanda underscore: const MAX_ARRAY_LENGTH = 100;.

  4. Kekonsistenan: Jika anda bekerja dalam pasukan, ikuti konvensyen pasukan untuk penggunaan let dan const.

Kesimpulan

Tahniah! Anda telah membuat langkah pertama ke dalam dunia variabel TypeScript. Ingat, let adalah rakan fleksibel anda yang membolehkan penugasan semula, sementara const adalah rakan setia untuk nilai yang tidak sepatutnya berubah.

Dalam pengembaraan pengkomputeran anda, anda akan menemui kata kunci ini kerap. Jangan khawatir jika ia terasa pelik pada permulaan - dengan latihan, ia akan menjadi tabiat. Terus kod, kekal kurios, dan ingat: setiap ahli pernah menjadi pemula. Selamat pengkomputeran TypeScript!

Credits: Image by storyset