Memahami Pembolehubah Dalam JavaScript: Let, Const dan Var Explained.

Pembolehubah ialah blok binaan asas dalam pengaturcaraan, berfungsi sebagai bekas data. JavaScript menawarkan tiga cara untuk mengisytiharkan pembolehubah: var, let dan const. Walaupun kelihatan serupa, mereka berbeza dalam tujuan dan tingkah laku. Artikel ini meneroka perbezaan mereka dan menyediakan contoh praktikal untuk menjelaskan penggunaan yang sesuai.

Evolusi Pembolehubah JavaScript

Sebelum ES6 (ECMAScript 2015), var ialah kaedah tunggal untuk pengisytiharan berubah-ubah. Walau bagaimanapun, skop fungsi dan tingkah laku pengangkatnya sering membawa kepada pepijat yang tidak dijangka. ES6 memperkenalkan let dan const, memberikan pembangun kawalan yang lebih baik ke atas tingkah laku berubah-ubah, menghasilkan kod yang lebih bersih dan kurang terdedah kepada ralat.

1. var: Pengisytiharan Warisan

var ialah pengisytiharan pembolehubah asal JavaScript. Ia berskop fungsi, bermakna kebolehaksesannya terhad kepada fungsi yang ditakrifkan di dalamnya. Yang penting, ia tidak mempunyai skop blok, yang berpotensi menyebabkan isu dalam gelung atau pernyataan bersyarat.

Kunci var Ciri-ciri:

• Skop Fungsi:

<code class="language-javascript">function example() {
    var message = "Hello, world!";
    console.log(message); // Accessible here
}
// console.log(message); // ReferenceError: message is not defined</code>

• Pengangkat: var pembolehubah dinaikkan ke bahagian atas skopnya, tetapi dimulakan sebagai undefined.

<code class="language-javascript">console.log(name); // undefined
var name = "John";</code>

• Pengisytiharan Semula Dibenarkan:

<code class="language-javascript">var age = 25;
var age = 30; // No error
console.log(age); // 30</code>

Bila Gunakan var: Biasanya dielakkan dalam JavaScript moden; let dan const lebih disukai untuk mengelakkan masalah berkaitan skop dan angkat.

2. let: Pendekatan Moden yang Fleksibel

ES6 memperkenalkan let sebagai perisytiharan pembolehubah berskop blok. Ia serupa dengan var tetapi mengelakkan banyak perangkapnya.

Kunci let Ciri-ciri:

• Skop Sekatan: Hanya boleh diakses dalam blok, pernyataan atau ungkapan jika ditakrifkan.

<code class="language-javascript">if (true) {
    let greeting = "Hi!";
    console.log(greeting); // Accessible here
}
// console.log(greeting); // ReferenceError: greeting is not defined</code>

• Tiada Pengangkatan (dengan permulaan): Tidak seperti var, let menghalang akses sebelum pengisytiharan.

<code class="language-javascript">console.log(color); // ReferenceError: Cannot access 'color' before initialization
let color = "blue";</code>

• Pengisytiharan Semula Tidak Dibenarkan (dalam skop yang sama):

<code class="language-javascript">let score = 10;
// let score = 20; // SyntaxError: Identifier 'score' has already been declared</code>

Bila Penggunaan let: Gunakan untuk pembolehubah yang nilainya mungkin berubah dalam blok tertentu atau dari semasa ke semasa.

3. const: Pemalar Kekal

Turut diperkenalkan dalam ES6, const direka untuk pembolehubah yang tidak sepatutnya ditetapkan semula. Seperti let, ia berskop blok dan tidak mengangkat.

Kunci const Ciri-ciri:

• Skop Sekatan: Serupa dengan let.

<code class="language-javascript">function example() {
    var message = "Hello, world!";
    console.log(message); // Accessible here
}
// console.log(message); // ReferenceError: message is not defined</code>

• Tugas Semula Tidak Dibenarkan: Nilai tidak boleh ditukar selepas tugasan awal.

<code class="language-javascript">console.log(name); // undefined
var name = "John";</code>

• Objek dan Tatasusunan Boleh Berubah: Walaupun rujukan itu sendiri tidak boleh diubah, kandungan objek atau tatasusunan yang diisytiharkan dengan const boleh diubah suai.

<code class="language-javascript">var age = 25;
var age = 30; // No error
console.log(age); // 30</code>

Bila Perlu Digunakan const: Pilihan lalai untuk pembolehubah yang tidak sepatutnya ditetapkan semula, meningkatkan kebolehramalan kod dan kebolehnyahpenyahpepijatan.

Jadual Perbandingan

Ciri

Feature	var	let	const
Scope	Function	Block	Block
Hoisting	Yes (undefined)	No	No
Re-declaration	Yes	No	No
Re-assignment	Yes	Yes	No

Skop Fungsi Sekat Sekat Mengangkat Ya (tidak ditentukan) Tidak Tidak Pengisytiharan semula Ya Tidak Tidak Tugas semula Ya Ya Tidak table> Amalan Terbaik

• constNikmat
:
• Menunjukkan ketakbolehubah, membawa kepada kod yang lebih mantap, boleh diramal dan boleh dibaca. letGunakan
Apabila Perlu:
• Simpan untuk pembolehubah yang memerlukan penugasan semula. varElakkan let:const
dan

menyediakan kefungsian unggul.

Kesimpulan

var letMemahami nuansa const, const dan let adalah penting untuk menulis JavaScript yang bersih, cekap dan bebas ralat. Mengutamakan var dan menggunakan

hanya apabila diperlukan akan meningkatkan kualiti dan kebolehbacaan kod dengan ketara. boleh diturunkan dengan selamat ke masa lalu.

Atas ialah kandungan terperinci Memahami Pembolehubah Dalam JavaScript: Let, Const dan Var Explained.. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!