Bagaimanakah Pengangkatan, Zon Mati Temporal dan Permulaan Berbeza Antara `var`, `let` dan `const` dalam JavaScript?

Pengangkat Pembolehubah dengan Let dan Const

Walaupun benar pembolehubah yang diisytiharkan dengan var dinaikkan, kelakuan pembolehubah yang diisytiharkan dengan let dan const dalam hal ini boleh mengelirukan. Untuk menyelesaikan kekeliruan ini, mari kita pecahkan perkara yang berlaku.

Mengangkat: Konsep Universal dalam JavaScript

Semua pengisytiharan pembolehubah dalam JavaScript, termasuk var , biarkan, const, fungsi dan pengisytiharan kelas, dinaikkan. Pada asasnya, pengecam disediakan dalam skop yang diisytiharkan.

x = "global";
(function() {
    x; // not "global"
    {
        x; // not "global"
        let y; // not initialized
    }
    var x = "local";
    let y = "local";
});

Dalam contoh ini, semua pengisytiharan pembolehubah dinaikkan dalam skop masing-masing (fungsi dan blok).

Zon Mati Temporal: Pengecualian untuk Let dan Const

Perbezaan antara var pengisytiharan dan pengisytiharan let/const terletak pada pemula. var dan pengisytiharan gaya lama yang lain dimulakan dengan undefined atau objek fungsi apabila pengikatan dibuat di bahagian atas skop. Sebaliknya, pengisytiharan let dan const kekal tidak dimulakan sehingga pernyataan itu dilaksanakan.

Ini mewujudkan apa yang dikenali sebagai zon mati sementara - tempoh antara penciptaan pembolehubah dan permulaannya. Percubaan untuk mengakses pembolehubah dalam zon ini menghasilkan pengecualian ReferenceError.

x = y = "global";
(function() {
    x; // undefined
    y; // ReferenceError: y is not defined
    var x = "local";
    let y = "local";
});
// Block where temporal dead zone applies

Tiada Perbezaan Antara Let dan Const dalam Hoisting

Kedua-dua pengisytiharan let dan const mengikut tingkah laku angkat yang sama. Satu-satunya perbezaan ialah pembolehubah const mesti dimulakan pada masa pengisytiharan dan tidak boleh ditugaskan semula kemudian.

Atas ialah kandungan terperinci Bagaimanakah Pengangkatan, Zon Mati Temporal dan Permulaan Berbeza Antara `var`, `let` dan `const` dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!