Memahami Pembolehubah

Pembolehubah ialah tulang belakang mana-mana bahasa pengaturcaraan, dan JavaScript tidak terkecuali. Ia adalah bekas untuk menyimpan nilai data, menjadikannya lebih mudah untuk memanipulasi dan bekerja dengan data sepanjang kod anda. Sama ada anda seorang pemula atau profesional, menguasai asas pembolehubah adalah penting untuk menulis kod JavaScript yang bersih dan cekap.

Apakah Pembolehubah?

Pembolehubah dalam JavaScript ialah storan bernama untuk data. Ia membolehkan anda menyimpan nilai dan merujuknya kemudian dalam program anda.

Ciri-ciri Utama:

• Nama: Label yang digunakan untuk merujuk pembolehubah (mis. umur, nama pengguna).
• Nilai: Data yang diberikan kepada pembolehubah (cth. 25, John Doe).
• Jenis: Jenis data yang disimpan, seperti nombor, rentetan, boolean, dsb.

Mengisytiharkan Pembolehubah

Dalam JavaScript, anda boleh mengisytiharkan pembolehubah menggunakan kata kunci var, let, atau const

1. var

Kata kunci var ialah cara asal untuk mengisytiharkan pembolehubah dalam JavaScript. Ia kini kurang digunakan kerana skop fungsinya dan potensi untuk tingkah laku yang tidak dijangka.
Contoh:

var message = "Hello world!";
console.log(message);

// Hello, world!

2. biarlah

Diperkenalkan dalam ES6 (2015), let adalah berskop blok dan lebih disukai untuk kebanyakan kes di mana nilai pembolehubah perlu berubah.
Contoh:

let age = 30;
age = 31; // Updating the value
console.log(age); 

// 31

3. konst

const juga berskop blok tetapi digunakan untuk pembolehubah yang nilainya tidak boleh berubah.
Contoh:

const pi = 3.14;
// pi = 3.15; // TypeError: Assignment to constant variable
console.log(pi);

// 3.14

Peraturan untuk Menamakan Pembolehubah

1. Mesti bermula dengan huruf, _, atau $(cth., nama, _id, $amount).
2. Tidak boleh bermula dengan nombor.
3. Sensitif huruf besar-kecil (cth., Nama dan nama adalah berbeza).
4. Tidak boleh menggunakan kata kunci terpelihara seperti if, while, function, dll.

Contoh:

let firstName = "Alice";
let $price = 50;
let _discount = 10;
console.log(firstName, $price, _discount);

// Alice 50 10

Jenis Data Pembolehubah

Pembolehubah JavaScript boleh menyimpan jenis data yang berbeza:

1. Jenis Data Primitif

• Nombor: cth., 42, 3.14
• String: cth., 'Hello', "World"
• Boolean: cth., benar, salah
• Tidak ditentukan: Pembolehubah diisytiharkan tetapi tidak diberikan nilai.
• Batal: Mewakili ketiadaan sebarang nilai yang disengajakan.
• Simbol: Nilai unik dan tidak berubah.

Contoh:

let score = 100; // Number
let name = "John"; // String
let isActive = true; // Boolean
let result; // Undefined
let emptyValue = null; // Null
console.log(score, name, isActive, result, emptyValue);

// 100 John true undefined null

2. Jenis Data Kompleks

• Objek: Koleksi pasangan nilai kunci.
• Susun atur: Senarai nilai tersusun.

Contoh:

var message = "Hello world!";
console.log(message);

// Hello, world!

Skop Pembolehubah

1. Skop Global: Boleh diakses di mana-mana dalam kod.
2. Skop Fungsi: Pembolehubah yang diisytiharkan dengan var di dalam fungsi disahkan kepada fungsi itu.
3. Skop Blok: Pembolehubah yang diisytiharkan dengan let atau const disahkan pada blok yang diisytiharkan masuk.

Contoh:

let age = 30;
age = 31; // Updating the value
console.log(age); 

// 31

Amalan Terbaik

1. Gunakan const secara lalai; tukar ke biarkan jika nilai perlu diubah.
2. Elakkan menggunakan var melainkan perlu untuk kod warisan.
3. Pilih nama pembolehubah yang bermakna (cth., Umur pengguna dan bukannya x).
4. Gunakan camelCase untuk menamakan pembolehubah.
5. Mulakan pembolehubah apabila mengisytiharkannya.

Contoh:

const pi = 3.14;
// pi = 3.15; // TypeError: Assignment to constant variable
console.log(pi);

// 3.14

Kesimpulan

Pembolehubah adalah penting dalam JavaScript untuk menyimpan dan memanipulasi data. Memahami pengisytiharan, skop dan amalan terbaik mereka memastikan pengekodan yang bersih dan cekap. Mulakan dengan let dan const, gunakan nama yang bermakna dan sentiasa berhati-hati dengan skop. Menguasai asas ini akan menetapkan asas yang kukuh untuk konsep JavaScript yang lebih maju.

Selamat pengekodan! ?

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