Pembolehubah JavaScript: let vs const vs var

JavaScript Dipermudahkan: Panduan Pemula untuk Menguasai Pembangunan Web Interaktif

Siaran 4 daripada 30: Memahami Pembolehubah dalam JavaScript

Dalam siaran ini, kami akan meneroka apakah pembolehubah, cara mengisytiharkannya dan cara ia berfungsi dalam JavaScript.

Apakah itu Pembolehubah?

Pembolehubah ialah cara untuk menyimpan nilai dalam JavaScript supaya kita boleh menggunakannya kemudian. Fikirkan pembolehubah seperti kotak berlabel di mana anda boleh menyimpan sesuatu dan mendapatkannya apabila diperlukan.

Sebagai contoh, daripada menulis "John" beberapa kali dalam kod anda, anda boleh menyimpannya dalam pembolehubah dan menggunakannya di mana-mana sahaja.

Mengisytiharkan Pembolehubah dalam JavaScript

JavaScript menyediakan tiga cara untuk mengisytiharkan pembolehubah:

• var (kaedah lama, tidak disyorkan)
• let (moden dan disyorkan untuk nilai yang boleh diubah)
• const (untuk nilai yang tidak sepatutnya berubah)

1. Menggunakan let (Disyorkan)

let name = "John";
console.log(name);

Output:

John

Di sini, kami:

• Mencipta pembolehubah bernama nama
• Memberi nilai "John"
• Menggunakan console.log() untuk mencetak nilai nama

2. Menggunakan const (Untuk Nilai Malar)

const PI = 3.1416;
console.log(PI);

Output:

3.1416

• const digunakan untuk nilai yang tidak boleh berubah.
• Setelah ditugaskan, anda tidak boleh menetapkan semula nilai baharu kepada PI.

3. Menggunakan var (Kaedah Lama – Elakkan Menggunakan)

var age = 25;
console.log(age);

Output:

25

• var biasanya digunakan sebelum let dan const, tetapi ia mempunyai isu skop, jadi gunakan let atau const sebaliknya.

Menukar Nilai Pembolehubah

Dengan let, anda boleh menukar nilai pembolehubah, tetapi dengan const, anda tidak boleh.

Contoh dengan let:

let city = "New York";
console.log(city); // Output: New York

city = "Los Angeles"; // Changing the value
console.log(city); // Output: Los Angeles

Contoh dengan const (Ini akan menyebabkan ralat)

const country = "USA";
console.log(country);

country = "Canada"; // ❌ This will cause an error
console.log(country);

Ralat: Ralat Jenis Tidak Ditangkap: Tugasan kepada pembolehubah malar.

Peraturan Penamaan Pembolehubah

Apabila menamakan pembolehubah, ikut peraturan ini:

✔️ Boleh mengandungi huruf, nombor, $, dan _

✔️ Mesti bermula dengan huruf, $, atau _ (bukan nombor)

✔️ Peka huruf besar/kecil (nama dan Nama berbeza)

✔️ Tidak boleh menjadi kata kunci terpelihara (seperti let, console, function, dll.)

Contoh Nama Pembolehubah Sah:

let name = "John";
console.log(name);

Contoh Nama Pembolehubah Tidak Sah:

John

Latihan Amali: Menyimpan dan Mengubah Nilai

Cuba ini dalam fail script.js anda:

const PI = 3.1416;
console.log(PI);

Keluaran Jangkaan:

3.1416

Langkah Seterusnya

Sekarang kita memahami cara pembolehubah berfungsi, langkah seterusnya ialah meneroka jenis data dalam JavaScript—termasuk nombor, rentetan, boolean dan banyak lagi!

Nantikan siaran seterusnya! ?

Petua Pro:

? Gunakan let apabila anda menjangkakan nilai akan berubah.

? Gunakan const apabila nilai harus kekal sama.

? Elakkan var melainkan anda memerlukannya secara khusus.

Ikuti saya di LinkedIn - Ridoy Hasan
Lawati tapak web saya - Ridoyweb
*Lawati tapak web agensi saya *- webention digital

Atas ialah kandungan terperinci Pembolehubah JavaScript: let vs const vs var. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!