
Pembolehubah JavaScript: Panduan Pemula
Pembolehubah JavaScript ialah blok binaan asas dalam pengaturcaraan, digunakan untuk menyimpan dan memanipulasi data dalam kod. Sama ada anda seorang pemula atau veteran JavaScript, memahami pembolehubah dan tingkah lakunya adalah penting.
Apakah pembolehubah JavaScript?
Pembolehubah ialah bekas untuk menyimpan maklumat yang boleh digunakan dan dimanipulasi dalam atur cara. Ringkasnya, ia seperti cara untuk menyimpan maklumat yang diperlukan seperti nombor, rentetan atau jenis data lain.
Perkara utama pembolehubah JavaScript:
- JavaScript ialah bahasa ditaip secara dinamik, yang bermaksud jenis pembolehubah ditentukan semasa masa jalan.
- Tidak perlu mentakrifkan jenis pembolehubah secara eksplisit.
JavaScript menyediakan empat cara untuk mengisytiharkan pembolehubah:
- Pengisytiharan automatik
- Gunakan
let
- Gunakan
var
- Gunakan
const
Peraturan penamaan pembolehubah JavaScript
Terdapat beberapa peraturan untuk penamaan pembolehubah:
-
Aksara yang dibenarkan: Nama pembolehubah hanya boleh mengandungi huruf (a-z, A-Z), nombor (0-9),
$
dan _
.
-
Peraturan permulaan: Nama pembolehubah tidak boleh bermula dengan nombor.
-
Contoh tidak sah:
1data
, 10Name
-
Sensitif Huruf Besar: Nama pembolehubah adalah sensitif huruf besar-besaran. Contohnya,
result
dan Result
ialah dua pembolehubah berbeza.
-
Elakkan menggunakan kata kunci: Jangan gunakan perkataan terpelihara (seperti
let
, return
atau const
) sebagai nama pembolehubah.
-
Gunakan camelCase: Gunakan camelCase, seperti
phoneNumber
dan bukannya phonenumber
atau PhoneNumber
.
-
Sempang tidak dibenarkan: Tanda sempang (-) tidak dibenarkan dalam nama pembolehubah.
-
Gunakan nama yang bermakna: Sentiasa gunakan nama deskriptif yang menunjukkan dengan jelas apa yang disimpan oleh pembolehubah.
-
Elakkan menggunakan huruf tunggal: Elakkan menggunakan nama huruf tunggal (cth.
x
, a
) melainkan perlu (cth. dalam gelung).
Jenis pembolehubah JavaScript
1. Pengisytiharan automatik
JavaScript boleh memberikan nilai kepada pembolehubah tanpa pengisytiharan eksplisit:
x = 5; // 变量 x 存储整数 5。
y = 10; // 变量 y 存储整数 10。
z = x + y; // 变量 z 存储 x 和 y 的和 (15)。
console.log(z); // 输出:15
Salin selepas log masuk
Salin selepas log masuk
Salin selepas log masuk
2. Gunakan var
- Pembolehubah yang diisytiharkan menggunakan
var
mempunyai skop fungsi atau skop global.
- telah diperkenalkan dalam versi JavaScript yang lebih awal dan kini dianggap usang, biasanya digantikan dengan
let
atau const
.
Tatabahasa:
var variable_name = value;
Salin selepas log masuk
Salin selepas log masuk
Salin selepas log masuk
Contoh:
x = 5; // 变量 x 存储整数 5。
y = 10; // 变量 y 存储整数 10。
z = x + y; // 变量 z 存储 x 和 y 的和 (15)。
console.log(z); // 输出:15
Salin selepas log masuk
Salin selepas log masuk
Salin selepas log masuk
3. Gunakan let
- Diperkenalkan dalam ES6,
let
mempunyai skop blok.
- Ia membenarkan pengemaskinian nilai pembolehubah tetapi bukan pengisytiharan semula dalam skop yang sama.
Tatabahasa:
var variable_name = value;
Salin selepas log masuk
Salin selepas log masuk
Salin selepas log masuk
Contoh:
var numOne = 20;
var numTwo = 30;
var result = numOne + numTwo; // result = 20 + 30
console.log('Result is:', result);
Salin selepas log masuk
Salin selepas log masuk
4. Gunakan const
- Diperkenalkan dalam ES6,
const
juga mempunyai skop blok.
- Nilainya tidak boleh dikemas kini atau dinyatakan semula.
Tatabahasa:
let variable_name = value;
Salin selepas log masuk
Salin selepas log masuk
Contoh:
let a = 10;
a = 15; // 允许:更新值
console.log(a); // 输出:15
let b = 20;
// let b = 25; // 错误:无法在同一作用域中重新声明变量
Salin selepas log masuk
Perbezaan antara
var
, let
dan const
Kata kunci |
Skop |
Bolehkah ia dikemas kini? |
Bolehkah ia dinyatakan semula? |
Catatan |
关键字 |
作用域 |
可以更新? |
可以重新声明? |
备注 |
var |
函数作用域 |
是 |
是 |
不遵守块作用域 |
let |
块作用域 |
是 |
否 |
用于需要更新的变量 |
const |
块作用域 |
否 |
否 |
最适合常量和不可变值 |
|
Skop fungsi |
Ya |
Ya |
Tidak menghormati skop blok |
<🎜> |
Skop sekat |
Ya |
Tidak |
Untuk pembolehubah yang perlu dikemas kini |
<🎜> |
Skop sekat |
Tidak |
Tidak |
Terbaik untuk nilai tetap dan tidak berubah |
table>
Skop JavaScript
Skop pembolehubah menentukan di mana dalam atur cara ia boleh diakses.
Skop global: boleh diakses dari mana-mana sahaja.
x = 5; // 变量 x 存储整数 5。
y = 10; // 变量 y 存储整数 10。
z = x + y; // 变量 z 存储 x 和 y 的和 (15)。
console.log(z); // 输出:15
Salin selepas log masuk
Salin selepas log masuk
Salin selepas log masuk
Skop setempat: diisytiharkan dalam fungsi dan hanya boleh diakses di dalam fungsi.
var variable_name = value;
Salin selepas log masuk
Salin selepas log masuk
Salin selepas log masuk
Skop Blok: Hanya tersedia dalam blok di mana ia diisytiharkan.
var numOne = 20;
var numTwo = 30;
var result = numOne + numTwo; // result = 20 + 30
console.log('Result is:', result);
Salin selepas log masuk
Salin selepas log masuk
Skop fungsi: khusus untuk pembolehubah yang diisytiharkan menggunakan var
.
Petua Penting
Naik Pangkat:
- Pembolehubah yang diisytiharkan dengan
var
dinaikkan ke bahagian atas skopnya tetapi kekal tidak dimulakan sehingga pelaksanaan.
- Pembolehubah yang diisytiharkan menggunakan
let
dan const
juga dinaikkan pangkat, tetapi berada dalam "zon mati sementara" sebelum pengisytiharannya.
Contoh:
let variable_name = value;
Salin selepas log masuk
Salin selepas log masuk
Amalan Terbaik
- Gunakan
const
untuk nilai yang tidak akan berubah.
- Gunakan
let
untuk pembolehubah dikemas kini.
- Elakkan menggunakan
var
dalam JavaScript moden.
Soalan temuduga biasa
Apakah perbezaan antara -
var
, let
dan const
?
- Apakah skop pembolehubah JavaScript?
- Terangkan pengangkat pembolehubah berserta contoh.
Bolehkah - ditugaskan semula kepada pembolehubah yang diisytiharkan menggunakan
const
?
- Apakah yang berlaku jika anda mengisytiharkan pembolehubah tanpa menggunakan
var
, let
atau const
?
- Mengapa disyorkan untuk menggunakan
let
dan const
dan bukannya var
?
- Apakah zon mati sementara dalam JavaScript?
- Tulis coretan kod untuk menunjukkan skop blok menggunakan
let
dan const
.
- Apakah jenis dinamik dalam JavaScript?
- Bagaimanakah JavaScript mengendalikan pengisytiharan semula pembolehubah?
Atas ialah kandungan terperinci Memahami Pembolehubah dalam JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!