ES6使用let命令更簡單的實現(xiàn)塊級作用域?qū)嵗治?/h1>

發(fā)布時間：2020-09-06 00:28:36 來源：腳本之家 閱讀：181 作者：柒青衿 欄目：web開發(fā)

本文實例講述了ES6使用let命令更簡單的實現(xiàn)塊級作用域。分享給大家供大家參考，具體如下：

let 帶來了更簡單的塊級作用域

1. ES6新增了let命令，用于聲明變量。其與var的不同在于，用let聲明的變量只在 { } 內(nèi)有效。這使得我們可以很方便的實現(xiàn)塊級作用域，不再使用立即實行函數(shù)。

{
 let a=1;
 var b=2;
}
console.log(a); //undefined
console.log(b); //2

在for循環(huán)中使用let可以有效避免全局變量污染。

2. let不會變量提升。也就是說，如果你使用var ，可以先使用變量再定義變量（注意：變量提升只提升聲明不提升賦值操作），但是如果你使用let定義變量則必須先定義后使用，否則會報錯。

console.log(a);//報錯：Uncaught ReferenceError: a is not defined
console.log(b); //undefined
let a=1;
var b=2;

3. 暫時性死區(qū)（Temporal Dead Zone）

只要塊級作用域內(nèi)有l(wèi)et，let 聲明的變量不受全局同名變量的影響，如果想要在塊級作用域內(nèi)使用let 聲明的變量，只能為其賦值。

var a=1;
if(true){
 a=2;
 let a; //Uncaught ReferenceError: a is not defined
}

4. 不允許在一個塊級作用域內(nèi)重復(fù)聲明一個變量

不管是var與let重復(fù)聲明，還是let與let重復(fù)聲明，都會報錯。

希望本文所述對大家ECMAScript程序設(shè)計有所幫助。