Konstanta JavaScript: Membuka Kekuatan Imutabiliti

Hai daar, para ahli JavaScript masa depan! Saya sangat gembira untuk membawa anda ke dalam perjalanan melalui dunia magik JavaScript constants. Sebagai guru sains komputer di lingkungan tetangga anda, saya telah melihat banyak murid menghadapi kesukaran dengan konsep ini, tapi jangan takut! Pada akhir pelajaran ini, anda akan menjadi connoisseur konstanta. Jadi, pegang keyboard anda (tongkat sihir), dan mari kita masuk ke dalam!

apa itu Konstanta JavaScript?

Imajinalkan anda sedang membuat kue. Sekali anda memasukkannya ke dalam oven, anda tidak bisa tiba-tiba memutuskan untuk mengubahnya menjadi pizza, kan? Itu seperti cara kerja konstanta di JavaScript. Mereka seperti janji yang anda buat kepada kod anda: "Nilai ini tidak akan berubah, janji!"

Konstanta adalah variabel yang, sekali diberikan nilai, tidak dapat dialihkan lagi. Mereka seperti saudara tua keras kepala variabel - sekali mereka membuat keputusan, tidak ada yang dapat mengubahnya!

Mendeklarasikan Konstanta JavaScript

Untuk mendeklarasikan konstanta di JavaScript, kita menggunakan kata kunci const. Itu begitu mudah seperti mengatakan, "Hai JavaScript, hal ini kan? Ia tidak akan berubah. Pernah."

mari kita lihat beberapa contoh:

const PI = 3.14159;
const DAYS_IN_WEEK = 7;
const FAVORITE_COLOR = "purple";

Dalam contoh ini, kita telah mendeklarasikan konstanta untuk konstanta matematik pi, jumlah hari dalam seminggu, dan warna kesukaan. Setelah ditetapkan, nilai-nila ini terkunci di tempatnya.

Tidak Dapat Dialihkan: Alam Tak Bercampur Konstanta

Sekarang, mari lihat di mana konstanta menunjukkan warna sebenarnya. Sekali anda memberikan nilai kepada konstanta, anda tidak dapat mengubahnya. Itu seperti mencoba untuk meyakinkan kucing untuk mandi - itu hanya tidak akan terjadi!

const MY_AGE = 25;
console.log(MY_AGE); // Output: 25

MY_AGE = 26; // Melempar kesalahan: Penugasan kepada variabel konstanta.

Jika anda mencoba untuk dialihkan nilai ke konstanta, JavaScript akan marah (dalam bentuk kesalahan). Ia berkata, "Hai! Andajan ini tidak akan berubah!"

Skop Blok: Taman Konstanta

Konstanta memiliki yang kita sebut "skop blok". Ber fikirkan blok sebagai taman yang dikelilingi tembok. Konstanta hanya dapat bermain di dalam taman yang ditentukan mereka.

if (true) {
const BLOCK_SCOPED = "Saya hanya tersedia di dalam blok ini!";
console.log(BLOCK_SCOPED); // Output: Saya hanya tersedia di dalam blok ini!
}

console.log(BLOCK_SCOPED); // Melempar kesalahan: BLOCK_SCOPED tidak didefinisikan

Dalam contoh ini, BLOCK_SCOPED seperti anak yang tidak diperbolehkan meninggalkan taman. Ia hanya ada di dalam blok if dan tidak dapat diakses di luar itu.

Array dan Objek Konstanta di JavaScript: Kekeliruan

Sekarang, mari kita lihat di mana hal-hal menjadi sedikit membingungkan. Saat kita menggunakan const dengan array dan objek, plot menjadi lebih tebal! Pemikatan konstanta adalah tidak berubah, tetapi isi array atau objek masih dapat berubah. Itu seperti memiliki hewan peliharaan konstanta - anda tidak dapat mengubah bahwa itu hewan peliharaan anda, tetapi anda masih dapat mengajarkan mereka trick baru!

const MY_PETS = ["dog", "cat", "fish"];
console.log(MY_PETS); // Output: ["dog", "cat", "fish"]

MY_PETS.push("hamster");
console.log(MY_PETS); // Output: ["dog", "cat", "fish", "hamster"]

MY_PETS = ["parrot"]; // Melempar kesalahan: Penugasan kepada variabel konstanta

Dalam contoh ini, kita dapat menambahkan ke array MY_PETS, tetapi kita tidak dapat dialihkan ke array yang sama sekali baru.

Tidak Ada Menyembah Const: Tetap Dimana Saya Letakkan Anda!

Bersamaan dengan var, const tidak disembah. Menyembah adalah seperti memberi tahu anak untuk membersihkan kamar mereka, dan mereka berkata mereka akan melakukannya kemudian - tetapi dengan const, tidak ada "kemudian". Anda harus mendeklarasikan dan menginisialisasi konstanta sebelum Anda menggunakannya.

console.log(HOISTED_VAR); // Output: undefined
var HOISTED_VAR = "Saya disembah!";

console.log(NOT_HOISTED_CONST); // Melempar kesalahan: Tidak dapat mengakses 'NOT_HOISTED_CONST' sebelum inisialisasi
const NOT_HOISTED_CONST = "Saya tidak disembah!";

Perbezaan antara var, let, dan const

Sekarang, mari kita bandingkan kata kunci pendeklarasian variabel tiga jenis: var, let, dan const. Mereka seperti tiga saudara, masing-masing dengan kepribadian unik:

Ciri	var	let	const
Skop	Skop fungsi	Skop blok	Skop blok
Menyembah	Ya	Tidak	Tidak
Penugasan	Ya	Ya	Tidak
Pendeclarasian	Ya	Tidak	Tidak

Mana yang anda harus gunakan antara var, let, dan const?

Setelah tahun-tahun mengajar JavaScript, ini adalah pandangan saya:

1. Gunakan const secara default. Itu seperti meletakkan variabel anda di dalam lemari - aman dan dapat dipercaya.
2. Gunakan let saat anda tahu nilai akan berubah, seperti penghitung dalam loop.
3. Hindari var kecuali anda berurusan dengan kode lama. Itu seperti telepon genggam di lemari anda - ia masih berfungsi, tetapi ada pilihan yang lebih baik sekarang.

Ingat, memilih antara ini adalah tentang mengkomunikasikan kehendak anda kepada pengembang lain (termasuk diri anda sendiri di masa depan!)

Di akhirnya, konstanta di JavaScript adalah alat yang kuat untuk menciptakan kode yang lebih prediksi dan resisten terhadap kesalahan. Mereka seperti orang dewasa yang bertanggung jawab di dalam ruangan, menjaga segala sesuatunya. Saat anda terus melanjutkan perjalanan JavaScript anda, anda akan menemukan bahwa penggunaan konstanta dengan benar dapat membuat kode anda lebih bersih, lebih efisien, dan mudah dipahami.

Jadi, maju saja, para padawan muda, dan maya const menyertainya!

Credits: Image by storyset