Pembolehubah pengubahsuaian hari dalam JavaScript: Memahami `const`, `let` dan `var` dengan Contoh Dunia Sebenar.

Apabila anda menggunakan JavaScript, salah satu perkara pertama yang anda akan pelajari ialah cara mengisytiharkan pembolehubah. Pembolehubah adalah seperti bekas yang menyimpan maklumat, seperti nombor, teks, atau data kompleks. Dalam JavaScript, terdapat tiga cara untuk mengisytiharkan pembolehubah: const, let dan var. Setiap daripada ini mempunyai peraturan dan amalan terbaiknya sendiri, yang mungkin agak mengelirukan pada mulanya. Dalam siaran ini, kami akan memecahkannya dengan contoh mudah untuk membantu anda memahami masa dan cara menggunakan setiap satu.

Contoh Kod

Mari kita mulakan dengan melihat sekeping kod ringkas:

`javascript
const accountId = 14423;
var accountEmail = "aman@google.com";
biarkan akaunPassword = "12345";
accountCity = "jamshedpur";
biarkan akaunRoll;

// id akaun = 13242; // Tidak dibenarkan - akan membuang ralat

console.table([accountEmail, accountId, accountRoll, accountPassword]);
`

Memahami konst

Pembolehubah pertama yang kami isytiharkan ialah accountId menggunakan const. Kata kunci const digunakan apabila anda ingin mengisytiharkan pembolehubah yang nilainya tidak boleh berubah. Sebaik sahaja anda menetapkan nilai kepada pembolehubah const, anda tidak boleh menetapkannya semula kepada sesuatu yang lain. Contohnya:

const accountId = 14423;
accountId = 13242; // This will throw an error!

Dalam contoh di atas, cubaan menetapkan semula accountId akan menyebabkan ralat kerana pembolehubah const tidak boleh diubah selepas penetapan awalnya.

Perkara Utama tentang const:

• Tidak boleh ditugaskan semula: Sebaik sahaja nilai ditetapkan kepada pembolehubah const, nilai itu tidak boleh ditukar.
• Skop blok: Pembolehubah hanya boleh diakses dalam blok yang diisytiharkan (cth., dalam {}).

Memahami biarlah

Seterusnya, kami telah mengisytiharkan kata laluan akaun menggunakan let. Kata kunci let digunakan apabila anda ingin mengisytiharkan pembolehubah yang nilainya mungkin berubah kemudian. Tidak seperti const, anda boleh menetapkan semula pembolehubah let:

let accountPassword = "12345";
accountPassword = "67890"; // This is perfectly fine!

Walau bagaimanapun, seperti const, let juga berskop blok, bermakna ia hanya boleh diakses dalam blok yang diisytiharkan.

Perkara Utama tentang let:

• Boleh ditugaskan semula: Anda boleh menukar nilai pembolehubah let selepas ia ditetapkan.
• Skop blok: Pembolehubah hanya boleh diakses dalam blok yang diisytiharkan.

Memahami var

Akhir sekali, mari bercakap tentang var, iaitu cara kami mengisytiharkan akaunEmel. var ialah cara lama untuk mengisytiharkan pembolehubah dalam JavaScript. Ia mempunyai beberapa perbezaan utama berbanding dengan let dan const:

var accountEmail = "aman@google.com";
var accountEmail = "john@google.com"; // This is allowed!

Seperti yang anda lihat, tidak seperti let dan const, anda boleh mengisytiharkan semula pembolehubah var dalam skop yang sama tanpa sebarang ralat. Ini kadangkala boleh membawa kepada pepijat dan gelagat yang tidak dijangka, itulah sebabnya ramai pembangun memilih let dan const.

Perkara Utama tentang var:

• Boleh ditugaskan semula dan diisytiharkan semula: Anda boleh menukar nilai dan juga mengisytiharkan semula pembolehubah var.
• Skop fungsi: Tidak seperti let dan const, yang berskop blok, var adalah berskop fungsi. Ini bermakna ia boleh diakses dalam fungsi yang diisytiharkan, tetapi tidak terhad kepada blok.

Perbandingan Pantas

Berikut ialah perbandingan pantas untuk meringkaskan perbezaan:

{
    var x = 10;
    var x = 20; // Allowed, no error

    let y = 10;
    let y = 20; // Not allowed, will throw a syntax error
}

Contoh Praktikal: Menggunakan console.table

Pada penghujung kod kami, kami menggunakan console.table untuk memaparkan nilai pembolehubah kami dalam format jadual yang kemas:

console.table([accountEmail, accountId, accountRoll, accountPassword]);

Ini menghasilkan jadual dengan nilai semasa e-mel akaun, ID akaun, daftar akaun dan kata laluan akaun. Ini cara yang berguna untuk menggambarkan pembolehubah anda semasa menyahpepijat atau hanya menyemak kerja anda.

Kesimpulan

Memahami perbezaan antara const, let dan var adalah penting untuk menulis kod JavaScript yang bersih dan bebas pepijat. Berikut ialah imbasan ringkas:

• Gunakan const apabila anda mahu pembolehubah kekal malar.
• Gunakan let apabila anda menjangkakan nilai pembolehubah akan berubah.
• Elakkan var melainkan anda mempunyai sebab khusus untuk menggunakannya (disebabkan oleh tingkah laku skop fungsinya).

Dengan menguasai tiga kata kunci ini, anda akan terus menulis kod JavaScript yang lebih dipercayai dan boleh diselenggara. Untuk mendapatkan maklumat yang lebih terperinci, anda sentiasa boleh merujuk kepada dokumentasi MDN.

Selamat pengekodan dan Jumpa anda pada yang seterusnya!!

Atas ialah kandungan terperinci Pembolehubah pengubahsuaian hari dalam JavaScript: Memahami `const`, `let` dan `var` dengan Contoh Dunia Sebenar.. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!