Mengapa Pembolehubah Global Saya Tidak Ditakrifkan dalam JavaScript?

Terkejut kerana Pembolehubah Global Mempunyai Nilai Tidak Ditakrifkan dalam JavaScript?

Pernahkah anda menghadapi situasi di mana pembolehubah global secara tidak dijangka mengembalikan nilai yang tidak ditentukan dalam JavaScript? Pertimbangkan contoh yang membingungkan ini:

var value = 10;

function test() {
    //A
    console.log(value);
    var value = 20;

    //B
    console.log(value);
}

test();

Keluaran kod ini mengejutkan ramai:

undefined
20

Mengapa Pembolehubah Global Tidak Ditakrifkan

punca teka-teki ini terletak pada konsep asas JavaScript yang dikenali sebagai pengangkatan pembolehubah. Apabila Enjin JavaScript mentafsir kod, ia pada mulanya mengimbas keseluruhan blok kod dan "mengangkat" semua pengisytiharan berubah-ubah ke atas. Walau bagaimanapun, hanya pengisytiharan yang dinaikkan, bukan tugasan.

Dalam contoh di atas, apabila ujian fungsi dilaksanakan, nilai pembolehubah global tidak boleh diakses pada bila-bila masa. Sebaliknya, nilai pembolehubah tempatan baharu diisytiharkan dan diberikan. Pembolehubah tempatan ini membayangi pembolehubah global, menghasilkan nilai yang tidak ditentukan untuk panggilan console.log(value) pada titik A.

Penjelasan

Untuk menggambarkan perkara ini dengan lebih lanjut, mari tulis semula kod seolah-olah pengangkatan telah berlaku:

// Variable declarations hoisted to the top of the function
var value = undefined;
var value = 20;

function test() {
    //A
    console.log(value);

    //B
    console.log(value);
}

Sekarang, sudah jelas mengapa panggilan console.log pertama kembali tidak ditentukan. Nilai pembolehubah tempatan masih belum diberikan.

Contoh Lain

Untuk menekankan konsep angkat, pertimbangkan kod berikut:

var test = 'start';

function end() {
    test = 'end';
    var test = 'local';
}

end();
alert(test);

Kod ini memaklumkan nilai 'mula', bukan 'tamat' atau 'tempatan.' Ini kerana ujian pembolehubah telah dinaikkan ke bahagian atas fungsi akhir, membayangi pembolehubah global.

Fungsi Ditingkatkan Juga

Pengangkatan bukan sahaja digunakan pada pembolehubah tetapi juga kepada fungsi. Kod berikut menggambarkan ini:

test("Won't work!");

test = function(text) { alert(text); }

Kod ini membuang ralat rujukan kerana apabila ujian("Tidak akan berfungsi!") dipanggil, pembolehubah ujian telah diisytiharkan tetapi tidak diberikan fungsi. Hanya sintaks pengisytiharan fungsi yang betul memastikan pengangkatan lengkap.

Atas ialah kandungan terperinci Mengapa Pembolehubah Global Saya Tidak Ditakrifkan dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!