ECMAScript6 skop peringkat blok dan kemahiran javascript pembolehubah baharu (biar)_javascript

Banyak bahasa mempunyai skop peringkat blok, tetapi JS tidak menggunakan var untuk mengisytiharkan pembolehubah dan berfungsi untuk membahagikan skop "{}" tidak boleh mengehadkan skop var. Pembolehubah yang diisytiharkan dengan var mempunyai kesan pengangkatan berubah-ubah (pengisytiharan angkat).

Let telah ditambahkan dalam ES6, yang boleh diisytiharkan dalam {}, jika, atau untuk. Penggunaannya adalah sama seperti var, tetapi skopnya terhad kepada tahap blok, dan tiada promosi pembolehubah untuk pembolehubah yang diisytiharkan oleh let.

Contoh 1: Skop peringkat blok jika

function getVal(boo) {
  if (boo) {
    var val = 'red'
    // ...
    return val
  } else {
    // 这里可以访问 val
    return null
  }
  // 这里也可以访问 val
}

Val pembolehubah diisytiharkan dalam blok if, tetapi val boleh diakses di luar blok else dan if.

Ganti var dengan let dan ia menjadi seperti ini

function getVal(boo) {
  if (boo) {
    let val = 'red'
    // ...
    return val
  } else {
    // 这里访问不到 val
    return null
  }
  // 这里也访问不到 val
}　

Contoh 2: Skop peringkat blok untuk

function func(arr) {
  for (var i = 0; i < arr.length; i++) {
    // i ...
  }
  // 这里也可以访问到i
}

Pembolehubah i diisytiharkan dalam blok untuk, tetapi ia juga boleh diakses di luar blok untuk.

Ganti var dengan let, dan saya tidak boleh diakses di luar untuk

function func(arr) {
  for (let i = 0; i < arr.length; i++) {
    // i ...
  }
  // 这里访问不到i
}

Contoh 3: Promosi boleh ubah (guna dahulu, isytihar kemudian)

function func() {
  // val先使用后声明，不报错
  alert(val) // undefined
  var val;
}

Val pembolehubah digunakan dahulu dan kemudian diisytiharkan Ia mengeluarkan tidak ditentukan dan tidak melaporkan ralat.

Ganti var dengan let dan ralat akan dilaporkan

function func() {
  // val先使用后声明，报语法错
  alert(val)
  let val;
}　

Contoh 4: Promosi berubah-ubah (nilai dahulu dan kemudian isytiharkan)

function func() {
  if (typeof val == 'undefined') {
    // ...
  }
  var val = ''
}

Apabila menggunakan jenis pertimbangan, anda juga boleh meletakkannya di hadapan pernyataan var

Tetapi gantikan var dengan let, dan ralat sintaks dilaporkan di if

function func() {
  if (typeof val == 'undefined') {
    // ...
  }
  let val = '';
}

ES6 menetapkan bahawa jika let wujud dalam blok kod, blok ini membentuk skop tertutup dari awal. Jika digunakan sebelum pengisytiharan, ralat akan dilaporkan. Iaitu, dalam blok kod, pembolehubah yang digunakan sebelum biarkan diisytiharkan tidak tersedia. Terdapat istilah dalam tatabahasa yang dipanggil "zon mati sementara", atau singkatannya TDZ. Sudah tentu, TDZ tidak muncul dalam spesifikasi ES, ia hanya digunakan untuk penerangan visual.

Nota mengenai let

1. Pengisytiharan berulang tidak dibenarkan

// var和let重复声明
var name = 'Jack';
let name = 'John';
 
// 两个let重复声明
let age = 24;
let age = 30;

Ralat sintaks semasa melaksanakan

2. Dengan let, pelaksanaan sendiri fungsi tanpa nama boleh dihapuskan

// 匿名函数写法
(function () {
 var jQuery = function() {};
 // ...
 window.$ = jQuery
})();
 
// 块级作用域写法
{
 let jQuery = function() {};
 // ...
 window.$ = jQuery;
}

Di atas adalah keseluruhan kandungan artikel ini, saya harap anda semua menyukainya.