Apakah maksud zon mati sementara es6?

Dalam es6, zon mati sementara ialah ralat sintaks, yang merujuk kepada arahan let dan const yang menjadikan blok membentuk skop tertutup. Dalam blok kod, sebelum pembolehubah diisytiharkan menggunakan perintah let/const, pembolehubah tidak tersedia dan tergolong dalam "zon mati" pembolehubah sebelum pembolehubah diisytiharkan ini secara sintaksis dipanggil "zon mati sementara". ES6 menetapkan bahawa promosi pembolehubah tidak berlaku dalam zon mati sementara dan pernyataan let dan const, terutamanya untuk mengurangkan ralat masa jalan dan menghalang pembolehubah daripada digunakan sebelum ia diisytiharkan, yang mungkin membawa kepada tingkah laku yang tidak dijangka.

Persekitaran pengendalian tutorial ini: sistem Windows 7, ECMAScript versi 6, komputer Dell G3.

Apakah zon mati sementara

Dalam ES6, sebelum pembolehubah diisytiharkan menggunakan arahan let/const dalam blok kod, pembolehubah tidak tersedia dan tergolong dalam "zon mati" pembolehubah sebelum ia diisytiharkan. Dari segi tatabahasa, ini dipanggil "zon mati sementara" (TDZ). Piawaian ES tidak menyebut TDZ secara eksplisit, tetapi kami sering menggunakannya untuk menerangkan kesan tidak bertambah baik let dan const.

Perbezaan antara let/const dan var

Sebelum ES6, hanya terdapat dua jenis skop dalam JS, skop global dan skop fungsi . Tetapi dalam ES6, skop peringkat blok muncul, iaitu, skop peringkat blok boleh ditakrifkan menggunakan let/const. Jadi antara ciri baharu ES6, cara paling mudah untuk melihat peranan TDZ ialah penggunaan let/const. Terdapat dua perbezaan utama antara let/const dan var:

• let/const menggunakan skop blok var menggunakan skop fungsi
• sebelum let/const diisytiharkan Jika anda mengakses pembolehubah yang sepadan; dan pemalar, ReferenceError akan dilemparkan; tetapi jika anda mengakses pembolehubah yang sepadan sebelum var diisytiharkan, anda akan mendapat undefined

console.log(Vname); // undefined;
console.log(Lname); // ReferenceError
var Vname = 'xiaoxiao';
let Lname = 'xiaoxiao';

Amalan telah membuktikan bahawa apabila kami menggunakannya sebelum ia diisytiharkan Anda akan menjadi tidak ditentukan apabila menggunakan pembolehubah yang ditakrifkan oleh var, tetapi ralat akan dilemparkan apabila menggunakan pembolehubah yang tidak ditakrifkan oleh let. Kerana pembolehubah yang diisytiharkan oleh let in ES6 tidak mempunyai kesan promosi pembolehubah.

var x = 10;
if (true) {
    x = 20; // ReferenceError
    let x;
 }

ES6 dengan jelas menetapkan bahawa jika terdapat perintah let dan const dalam blok, pembolehubah yang diisytiharkan oleh arahan ini dalam blok ini akan membentuk skop tertutup dari awal. Sebarang penggunaan pembolehubah ini sebelum pengisytiharan akan mengakibatkan ralat. Ringkasnya, dalam blok kod, pembolehubah tidak tersedia sehingga ia diisytiharkan menggunakan arahan let. Secara sintaksis, ini dipanggil "zon mati sementara" (TDZ).

if (true) {
  // TDZ开始
  tmp = 'abc'; // ReferenceError
  console.log(tmp); // ReferenceError

  let tmp; // TDZ结束
  console.log(tmp); // undefined

  tmp = 123;
  console.log(tmp); // 123
}

Dalam kod di atas, sebelum perintah let mengisytiharkan pembolehubah tmp, ia tergolong dalam "zon mati" pembolehubah tmp.

Perangkap "zon mati" jenis

Kita semua tahu bahawa menggunakan typeof boleh digunakan untuk mengesan jenis data pembolehubah tertentu , atau anda boleh menggunakan Ia menentukan sama ada nilai ditakrifkan. Apabila undefined dikembalikan, ini bermakna nilai itu tidak ditentukan; Walau bagaimanapun, untuk pembolehubah yang ditakrifkan oleh const/let, jika typeof digunakan sebelum pembolehubah diisytiharkan, ralat akan dilaporkan

typeof x; // ReferenceError
let x;

Oleh kerana x diisytiharkan menggunakan let, maka ia adalah zon mati sementara sebelum x diisytiharkan. Ralat akan dilaporkan apabila menggunakan typeof. Oleh itu, pembolehubah yang diisytiharkan menggunakan let/const tidak semestinya selamat apabila menggunakan typeof.

typeof y; // 'undefined'

Tetapi dapat dilihat bahawa jika kita hanya menggunakan typeof tanpa mentakrifkannya, tiada ralat akan dilaporkan daripada ini kita dapat melihat bahawa selagi tidak ada peruntukan yang jelas untuk menggunakan definisi const/let , tidak akan ada ralat.

Perangkap "zon mati" untuk melepasi parameter

Sebagai contoh, dalam sekeping kod berikut, kami menggunakan

function bar(x = y, y = 2) {
  return [x, y];
}

bar(); // 报错

Dalam kod, sebab ralat dilaporkan semasa memanggil fungsi bar (sesetengah pelaksanaan mungkin tidak melaporkan ralat) adalah kerana nilai lalai parameter x adalah sama dengan parameter y yang lain, dan y belum diisytiharkan pada masa ini dan tergolong dalam "zon mati". Jika nilai lalai y ialah x, tiada ralat akan dilaporkan kerana x telah diisytiharkan pada masa ini.

function bar(x = 2, y = x) {
  return [x, y];
}
bar(); // [2, 2]

Satu lagi perbezaan antara menggunakan perisytiharan var dan let.

// 不报错
var x = x;

// 报错
let x = x;
// ReferenceError: x is not defined

Dijejaskan oleh "zon mati", apabila menggunakan let untuk mengisytiharkan pembolehubah, selagi pembolehubah digunakan sebelum pengisytiharan selesai, ralat akan dilaporkan. Baris di atas tergolong dalam situasi ini Sebelum pernyataan pengisytiharan pembolehubah x dilaksanakan, nilai x diperoleh, mengakibatkan ralat "x tidak ditakrifkan".

Ringkasan

ES6 menetapkan bahawa promosi berubah-ubah tidak berlaku dalam zon mati sementara dan kenyataan let dan const, terutamanya untuk mengurangkan ralat masa jalan dan mencegah Menggunakan pembolehubah sebelum ia diisytiharkan boleh membawa kepada tingkah laku yang tidak dijangka. Kesilapan seperti ini adalah perkara biasa dalam ES5, dan sekarang setelah peruntukan ini disediakan, mudah untuk mengelakkannya.

Ringkasnya, intipati zon mati sementara ialah sebaik sahaja anda memasuki skop semasa, pembolehubah yang anda mahu gunakan sudah wujud, tetapi ia tidak tersedia apabila anda hanya boleh mendapatkannya baris kod yang mengisytiharkan pembolehubah muncul.

Nota: TDZ pada asalnya direka untuk const, tetapi reka bentuk kemudian untuk let juga konsisten.

Nota: Dalam standard ES6, pengecam yang diisytiharkan untuk const masih selalunya pembolehubah, dipanggil pembolehubah malar. Pemalar yang dibuat dengan pengisytiharan const tidak boleh ditetapkan semula dalam JS, tetapi ia tidak boleh diubah masih terdapat perbezaan besar antara kedua-dua konsep.

[Cadangan berkaitan: tutorial video javascript, bahagian hadapan web]

Atas ialah kandungan terperinci Apakah maksud zon mati sementara es6?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!