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.
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
-
Default kepada
const
: Mulai denganconst
untuk semua variabel anda. Hanya beralih kelet
jika anda temui keperluan untuk menugaskan semula variabel. -
Nama Deskriptif: Gunakan nama yang jelas dan deskriptif untuk variabel anda. Sebagai contoh,
umur Pengguna
lebih baik daripada hanyaa
. -
Kapitalisasi Konstanta: Untuk konstanta sebenar (seperti PI), gunakan nama huruf besar dengan tanda underscore:
const MAX_ARRAY_LENGTH = 100;
. -
Kekonsistenan: Jika anda bekerja dalam pasukan, ikuti konvensyen pasukan untuk penggunaan
let
danconst
.
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