Memahami Pembolehubah JavaScript

pengenalan

Pembolehubah dalam JavaScript adalah seperti bekas yang menyimpan data. Fikirkan mereka sebagai balang berlabel di dapur anda – ada yang menyimpan gula, ada yang memegang tepung, dan ada juga yang memegang biskut!? Ia menjadikan kod anda dinamik dan membolehkan anda menyimpan dan memanipulasi maklumat.

⭐ Konvensyen Pengisytiharan Pembolehubah, Permulaan dan Penamaan
1️⃣ Pengisytiharan
Mengisytiharkan pembolehubah bermakna menciptanya tanpa memberikan nilai.
? Contoh:

let name; // Declaration

2️⃣ Permulaan
Memulakan pembolehubah bermakna memberikannya nilai untuk kali pertama.
? Contoh:

let name = "Richa"; // Declaration + Initialization

Anda juga boleh mengisytiharkan dahulu dan mulakan kemudian:
? Contoh:

let age; // Declaration
age = 25; // Initialization
console.log(age); // Outputs: 25

3️⃣ Konvensyen Penamaan
Ikut peraturan ini untuk menamakan pembolehubah dengan berkesan:

• Mulakan dengan huruf, $, atau _. Sah: UserName, _temp, $amountInvalid: 123name, @value
• Elakkan kata kunci terpelihara: Tidak sah: biarkan var = 10; (tidak boleh menggunakan var sebagai nama)
• Gunakan camelCase untuk kebolehbacaan: Contoh: firstName, totalCost
• Jadilah deskriptif: Daripada x, gunakan userAge atau ProductName.

? Contoh:

let userName = "John"; // Descriptive and camelCase
const MAX_USERS = 100; // Use uppercase for constants
let _tempValue = 42; // Valid use of underscore
let $price = 99.99; // Valid use of $

⭐Jenis Pembolehubah
JavaScript menawarkan tiga cara untuk mengisytiharkan pembolehubah: var, let dan const.

1️⃣ var (Sekolah Lama)
Skop: Skop fungsi atau skop global.
Penggunaan: Paling baik dielakkan dalam JavaScript moden kerana keanehannya.
Kata kunci var telah lazim dalam JavaScript sebelum 2015. Walau bagaimanapun, kata kunci var kurang disyorkan sekarang kerana skop global dan tingkah laku angkatnya.
? Contoh:

var stuff = "Toy";
var stuff = "Book"; // Re-declaration allowed (confusing behavior).
console.log(stuff); // Outputs: Book

Dengan var, anda boleh mengisytiharkan pembolehubah yang sama beberapa kali. Walau bagaimanapun, ini selalunya membawa kepada pepijat dan kod yang mengelirukan.
⁉️Mengangkat Gelagat:
Pembolehubah yang diisytiharkan dengan var adalah "diangkat", bermakna anda boleh menggunakannya sebelum mengisytiharkannya.
? Contoh:

console.log(stuff); // Outputs: undefined
var stuff = "Toy";

Tingkah laku ini boleh mengakibatkan isu yang tidak dijangka, jadi elakkan bergantung pada var untuk perisytiharan berubah-ubah.
?Contoh Dunia Nyata

2️⃣ biar (Fleksibel)
Skop: Berskop blok (terhad kepada blok yang diisytiharkan masuk).
Penggunaan: Gunakan let apabila nilai pembolehubah perlu diubah.
? Contoh:

let jar = "Tomatos";
jar = "Spices"; // Allowed
console.log(jar); // Outputs: Spices

Percubaan untuk mengisytiharkan semula pembolehubah let akan menimbulkan ralat:
? Contoh:

let jar = "Tomatos";
let jar = "Spices"; // Error: Identifier 'jar' has already been declared

Tidak seperti var, pembolehubah yang diisytiharkan dengan let tidak dinaikkan dengan cara yang sama:
? Contoh:

let name; // Declaration

?Contoh Dunia Nyata

3️⃣ konst (Tidak berubah)
Skop: Skop blok, seperti biarkan
Penggunaan: Gunakan const untuk nilai yang tidak sepatutnya berubah selepas dimulakan.
const sesuai untuk mengisytiharkan pemalar atau pembolehubah yang tidak sepatutnya ditetapkan semula.
? Contoh:

let name = "Richa"; // Declaration + Initialization

Anda mesti memulakan pembolehubah const apabila mengisytiharkannya:
? Contoh:

let age; // Declaration
age = 25; // Initialization
console.log(age); // Outputs: 25

?Contoh Dunia Nyata

Tugasan untuk Meneroka Pembolehubah

Berikut ialah beberapa contoh untuk menguji pemahaman anda tentang pembolehubah:

let userName = "John"; // Descriptive and camelCase
const MAX_USERS = 100; // Use uppercase for constants
let _tempValue = 42; // Valid use of underscore
let $price = 99.99; // Valid use of $

Kesimpulan

Menguasai pembolehubah ialah langkah pertama ke arah menulis kod JavaScript yang bersih dan cekap.

• Gunakan const bila boleh untuk kestabilan.
• Gunakan let hanya apabila nilai perlu diubah.
• Elakkan var untuk mengelakkan isu yang sukar dinyahpepijat.

Selamat pengekodan! ?

Atas ialah kandungan terperinci Memahami Pembolehubah JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!