Pembolehubah JavaScript tidak boleh diisytiharkan

JavaScript ialah bahasa dinamik yang membenarkan pembangun mencipta pembolehubah pada masa jalan, yang bermaksud anda boleh menggunakan pembolehubah yang belum lagi dibuat dalam kod anda tanpa melaporkan ralat. Ciri ini menjadikan pengaturcaraan JavaScript lebih fleksibel tetapi juga lebih terdedah kepada ralat. Dalam artikel ini, kami akan meneroka situasi di mana pembolehubah JavaScript boleh tidak diisytiharkan dan masalah yang boleh menyebabkannya.

Jenis pembolehubah JavaScript

Dalam JavaScript, kami biasanya menggunakan kata kunci var, let atau const untuk mengisytiharkan pembolehubah dan mentakrifkan skopnya dengan jelas. Kata kunci ini juga menentukan sama ada pembolehubah boleh ditetapkan semula dalam kod. Berikut ialah fungsi tiga kata kunci ini:

1. var: Pembolehubah boleh diisytiharkan dalam skop global dan skop fungsi. Pembolehubah yang diisytiharkan menggunakan var boleh ditugaskan semula dalam skop yang sama.
2. biar: Pembolehubah boleh diisytiharkan dalam skop peringkat blok. Pembolehubah yang diisytiharkan menggunakan let boleh ditugaskan semula dalam skop yang sama.
3. const: Pemalar boleh diisytiharkan dalam skop peringkat blok. Pembolehubah yang diisytiharkan menggunakan const tidak boleh ditetapkan semula selepas pengisytiharan.

Iaitu, dalam JavaScript, kami biasanya mentakrifkan jenis dan skopnya secara eksplisit untuk setiap pembolehubah. Walau bagaimanapun, kadangkala pengaturcara menggunakan pembolehubah yang tidak diisytiharkan secara tidak sengaja, yang boleh membawa kepada ralat dan pepijat yang tidak dapat difahami.

Pengisytiharan tersirat pembolehubah

Dalam JavaScript, jika anda tidak menggunakan kata kunci var, let atau const semasa mengisytiharkan pembolehubah, pembolehubah itu akan diisytiharkan secara tersirat sebagai pembolehubah global. Ini bermakna pembolehubah boleh diakses di mana-mana sahaja, yang berpotensi menjejaskan bahagian lain kod, terutamanya apabila pembolehubah yang sama digunakan dalam berbilang fail dan modul.

Sebagai contoh, coretan kod berikut mencipta pembolehubah global:

function foo() {
  bar = 10;
}

Bar pembolehubah di sini tidak diisytiharkan dengan kata kunci var atau let, yang bersamaan dengan diisytiharkan secara tersirat sebagai pembolehubah global . Bar pembolehubah yang digunakan dalam fungsi tidak mempunyai skop setempat Jika bar juga digunakan di tempat lain, ia akan bercanggah dengan bar di sini.

Pengisytiharan tersirat pembolehubah harus dielakkan apabila mungkin, kerana ia boleh menyebabkan tingkah laku program yang tidak dijangka. Jika anda perlu menggunakan pembolehubah yang sama di beberapa tempat, adalah disyorkan untuk menggunakan ciri modulariti ES6 untuk mengisytiharkan pembolehubah yang dieksport dan diimport secara eksplisit.

Menggunakan pembolehubah tidak diisytiharkan

Dalam JavaScript, menggunakan pembolehubah yang belum diisytiharkan akan menyebabkan ReferenceError. Contohnya:

let x = 1;
console.log(y);

Pembolehubah y di sini tidak ditakrifkan, jadi pengecualian ReferenceError akan dilemparkan.

Walau bagaimanapun, jika anda tidak mengisytiharkan pembolehubah secara eksplisit sebelum menggunakannya, JavaScript akan cuba mencari nama pembolehubah itu dalam rantaian skop semasa. Jika pembolehubah dengan nama yang sama ditemui, ia akan digunakan, jika tidak ia akan diisytiharkan secara tersirat sebagai pembolehubah global, yang boleh membawa kepada logik kod yang mengelirukan dan tingkah laku yang tidak dapat diramalkan.

Sebagai contoh, coretan kod berikut secara tersirat mengisytiharkan pembolehubah y dan menetapkannya kepada tidak ditentukan:

function foo() {
  x = 1;
  console.log(y);
}
foo();
console.log(y);

Y digunakan dalam fungsi foo di sini, tetapi sebenarnya y tidak diisytiharkan secara eksplisit . JavaScript secara tersirat mengisytiharkan y sebagai pembolehubah global dengan tidak menggunakan kata kunci var, let atau const. Jadi selepas fungsi foo dilaksanakan, kita masih boleh mengakses y secara luaran, dan nilainya tidak ditentukan.

Jika kita juga menggunakan pembolehubah y dengan nama yang sama di tempat lain (seperti fungsi atau modul lain), maka akan berlaku masalah semasa mengakses pembolehubah ini. Masalah ini boleh menjadi sukar untuk diselesaikan, jadi disyorkan untuk menggunakan definisi pembolehubah lengkap dalam JavaScript untuk mengelakkan pengisytiharan tersirat pembolehubah.

Ringkasan

Dalam JavaScript, pembolehubah boleh digunakan secara langsung tanpa mengisytiharkannya. Ini dipanggil pembolehubah secara tersirat. Pengecualian ReferenceError berlaku apabila menggunakan pembolehubah yang tidak diisytiharkan. Walau bagaimanapun, jika anda tidak mengisytiharkan pembolehubah secara eksplisit sebelum menggunakannya, JavaScript akan cuba mencari nama pembolehubah tersebut dalam rantaian skop semasa. Jika pembolehubah dengan nama yang sama ditemui, ia akan digunakan, jika tidak ia akan diisytiharkan secara tersirat sebagai pembolehubah global, yang boleh membawa kepada logik kod yang tidak jelas dan tingkah laku yang tidak dapat diramalkan. Oleh itu, dalam JavaScript, kita harus mengelakkan pengisytiharan tersirat pembolehubah apabila mungkin dan menggunakan definisi pembolehubah yang lengkap untuk mengelakkan situasi ini.

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