Perbezaan Antara `var`, `let` dan `const` dalam JavaScript: Penjelasan Ringkas

Bayangkan anda sedang mengatur rumah anda. Setiap jenis pembolehubah dalam JavaScript – var, let, dan const – berfungsi seperti pelbagai jenis ruang di mana anda boleh menyimpan barangan anda. Mari lihat cara ini sesuai dengan item harian dan contoh kod untuk menjadikannya lebih jelas!

1. var – Laci Berantakan

Fikirkan var sebagai laci dapur yang bersepah yang dipenuhi dengan perkara yang berbeza, agak tidak teratur. Anda boleh meletakkan apa sahaja di sana dan ia sentiasa boleh diakses oleh anda tidak kira di mana anda berada di dapur.

Cara Ia Berfungsi:

• Boleh Dicapai Di Mana-mana Di Dapur: Tidak kira sama ada anda berada berhampiran sinki atau dapur; anda sentiasa boleh membuka laci itu dan mengambil apa yang ada di dalamnya.
• Kucar-kacir dengan Barangan Anda: Jika anda meletakkan sesuatu di dalam laci dan kemudian cuba meletakkan sesuatu yang lain dengan nama yang sama, semuanya bercampur aduk dan berfungsi, tetapi ia boleh mengelirukan.

// Example of var
var item = "Mug";
console.log(item); // Prints "Mug"

var item = "Plate"; // Allows redeclaration
console.log(item); // Now prints "Plate"

• Contoh Kehidupan Sebenar: Anda meletakkan sepasang stoking di dalam laci, tetapi kemudian terlupa dan meletakkan sepasang lagi jenis yang sama. Stokin bercampur-campur, dan anda tidak dapat membezakan pasangan yang mana.

2. biarkan – Kotak Alat Tersusun

Sekarang, fikirkan let sebagai kotak alat yang teratur. Alat itu ada, tetapi anda hanya boleh mengaksesnya apabila anda membuka kotak alat. Ia disimpan di tempat tertentu dan anda perlu membuka kotak alat yang betul untuk mencarinya.

Cara Ia Berfungsi:

• Hanya Boleh Dicapai dalam Kotak Alat: Alat kekal kemas dalam kotak alat dan anda hanya boleh menggunakannya apabila anda membukanya.
• Organisasi yang Lebih Baik: Jika anda cuba meletakkan pemutar skru dan kemudian pemutar skru lain daripada jenis yang sama dalam kotak alat yang sama, ia tidak akan membenarkan anda, kerana setiap alat mempunyai tempatnya sendiri.

// Example of let
let tool = "Screwdriver";
console.log(tool); // Prints "Screwdriver"

tool = "Hammer"; // Can reassign the value
console.log(tool); // Now prints "Hammer"

// let tool = "Hammer"; // This would cause an error, as you cannot redeclare

• Contoh Kehidupan Nyata: Jika anda sedang memasang perabot, pemutar skru hanya muncul apabila anda membuka kotak alat dan ia diletakkan semula apabila anda menutupnya. Anda tidak boleh mengakses alat tanpa membuka kotak alat terlebih dahulu.

3. const – Peti Keselamatan Berkunci

Fikirkan const sebagai selamat. Sebaik sahaja anda meletakkan sesuatu di dalam, ia kekal terkunci dan tidak boleh ditukar. Anda boleh menyusun semula barang di dalam peti besi, seperti menyusun semula syiling, tetapi peti besi itu sendiri kekal terkunci dengan apa yang anda masukkan ke dalamnya pada mulanya.

Cara Ia Berfungsi:

• Dikunci Selamanya: Apabila anda meletakkan sesuatu dalam peti besi, seperti harta, anda boleh menyusun semula syiling di dalamnya, tetapi anda tidak boleh mengubah fakta bahawa anda meletakkan syiling dalam peti besi.
• Perlindungan Terhadap Perubahan: Jika anda cuba menggantikan khazanah dengan sesuatu yang lain, peti keselamatan tidak akan membenarkannya.

// Example of const
const safe = "Jewels";
console.log(safe); // Prints "Jewels"

// safe = "Money"; // This would cause an error, as you cannot reassign const

const coins = [1, 2, 3];
coins.push(4); // This is allowed
console.log(coins); // Prints [1, 2, 3, 4]

• Contoh Kehidupan Sebenar: Bayangkan anda meletakkan permata di dalam peti besi. Anda boleh menyusun semula permata, tetapi anda tidak boleh mengubah hakikat bahawa tujuan peti besi adalah untuk memegang permata tersebut.

Membandingkan Semuanya Bersama

• var adalah seperti laci yang tidak kemas itu: Anda boleh meletakkan apa sahaja di sana, dan ia sentiasa boleh diakses, tetapi berhati-hati – perkara boleh bercampur dengan mudah!
  • Contoh: Isytiharkan pembolehubah yang sama beberapa kali tanpa ralat.
• let is like a organized toolbox: Tools boleh diakses hanya apabila anda membuka toolbox, memastikan semuanya lebih teratur.
  • Contoh: biarkan pembolehubah boleh ditugaskan semula tetapi tidak diisytiharkan semula.
• const adalah seperti peti besi berkunci: Sebaik sahaja anda menyimpan sesuatu di sana, ia tidak boleh diganti, tetapi anda boleh mengubah suai kandungannya.
  • Contoh: Anda tidak boleh menukar pembolehubah const, tetapi anda boleh mengubah suai item dalam tatasusunan yang disimpan di dalamnya.

Kesimpulan

Sekarang, apabila anda mengekod, fikirkan pembolehubah ini sebagai cara yang berbeza untuk mengatur rumah anda. Gunakan let untuk situasi di mana keadaan mungkin berubah dan const untuk nilai yang perlu dilindungi. Elakkan var apabila boleh – ia berguna tetapi boleh mengelirukan, seperti laci yang tidak kemas!

Atas ialah kandungan terperinci Perbezaan Antara `var`, `let` dan `const` dalam JavaScript: Penjelasan Ringkas. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!