ID (Indonesia) Translation

Konstanta JavaScript: Membuka Kekuatan Imutabilitas

Halo sana, para ahli JavaScript masa depan! Saya sangat senang untuk membawa Anda dalam perjalanan melalui dunia magis JavaScript constants. Sebagai guru ilmu komputer tetangga Anda, saya telah melihat banyak siswa kesulitan dengan konsep ini, tapi jangan takut! Pada akhir pelajaran ini, Anda akan menjadi connoisseur konstanta. Jadi, ambil keyboard Anda (tongkat sihir), dan mari kita masuk ke dalam!

Apa Itu Konstanta JavaScript?

Bayangkan Anda sedang memasak kue. Setelah 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 kode Anda: "Nilai ini tidak akan berubah, janji!"

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

Mendeklarasikan Konstanta JavaScript

Untuk mendeklarasikan konstanta di JavaScript, kita menggunakan kata kunci const. Itu seperti mengatakan, "Hey JavaScript, hal ini disini? Itu tidak akan berubah. Pernah."

mari lihat beberapa contoh:

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

Dalam contoh ini, kita telah mendeklarasikan konstanta untuk konstanta matematika pi, jumlah hari dalam seminggu, dan warna kesukaan. Setelah diatur, nilai ini terkunci di tempatnya.

Tidak Bisa Dialihkan: Kekarangan Konstanta

Sekarang, mari lihat di mana konstanta menunjukkan warna sebenarnya. Setelah Anda memberikan nilai ke konstanta, Anda tidak bisa mengubahnya. Itu seperti mencoba meyakinkan kucing untuk mandi – itu tidak akan terjadi!

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

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

Jika Anda mencoba mengalihkan nilai ke konstanta, JavaScript akan marah (dalam bentuk kesalahan). Itu seperti mengatakan, "Hey! Anda janjikan ini tidak akan berubah!"

Skop Blok: Taman Konstanta

Konstanta memiliki apa yang kita sebut "skop blok". Bayangkan blok sebagai taman yang dikelilingi tembok. Konstanta hanya dapat bermain di 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. Itu ada hanya dalam blok if dan tidak dapat diakses di luar itu.

Array dan Objek Konstanta di JavaScript: twist Plot

Sekarang, mari kita lihat hal yang menjadi agak sulit. Ketika kita menggunakan const dengan array dan objek, plot menjadi lebih tebal! Pemikatan konstanta adalah immutable, tetapi isi array atau objek masih dapat berubah. Itu seperti memiliki hewan peliharaan konstanta – Anda tidak bisa mengubah bahwa itu hewan peliharaan Anda, tetapi Anda masih dapat mengajarkan trick baru kepadanya!

const MY_PETS = ["anjing", "kucing", "ikan"];
console.log(MY_PETS); // Output: ["anjing", "kucing", "ikan"]

MY_PETS.push("tikus");
console.log(MY_PETS); // Output: ["anjing", "kucing", "ikan", "tikus"]

MY_PETS = ["burung"]; // Melempar kesalahan: Penugasan ke variabel konstanta

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

Tidak Ada Pemindahan Const: Tetap Dimana Saya Letakkanmu!

Sebagai lawan dari var, const tidak dipindahkan. Pemindahan adalah seperti mengatakan kepada anak untuk membersihkan kamar mereka, dan mereka mengatakan mereka akan melakukannya nanti – tapi dengan const, tidak ada "nanti". Anda harus mendeklarasikan dan menginisialisasi konstanta sebelum Anda menggunakannya.

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

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

Perbedaan antara var, let, dan const

Sekarang, mari kita bandingkan kata kunci deklarasi variabel kami yang tiga: var, let, dan const. Mereka seperti tiga saudara, masing-masing memiliki kepribadian unik:

Fitur	var	let	const
Skop	Skop fungsi	Skop blok	Skop blok
Pemindahan	Ya	Tidak	Tidak
Penugasan ulang	Ya	Ya	Tidak
Pendeclarasian ulang	Ya	Tidak	Tidak

Mana yang Anda seharusnya gunakan antara var, let, dan const?

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

1. Gunakan const secara default. Itu seperti memasukkan variabel Anda ke dalam kotak aman – aman dan dapat dipercaya.
2. Gunakan let ketika Anda tahu nilai akan berubah, seperti penghitung dalam loop.
3. Hindari var kecuali Anda dealing dengan kode lama. Itu seperti handphone flip di lemari Anda – itu masih berfungsi, tetapi ada opsi yang lebih baik sekarang.

Ingat, memilih antara ini adalah tentang mengkomunikasikan kehendak Anda kepada pengembang lain (termasuk diri Anda masa depan!).

Di akhirnya, konstanta di JavaScript adalah alat yang kuat untuk menciptakan kode yang lebih prediktif dan resisten terhadap kesalahan. Mereka seperti orang tanggung jawab di ruangan, menjaga segala sesuatunya dalam urutan. Ketika 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, majulah, para padawan muda, dan maya const bersama Anda!

Credits: Image by storyset