本文實例講述了ES6使用let命令更簡單的實現塊級作用域。分享給大家供大家參考,具體如下:
let 帶來了更簡單的塊級作用域
1. ES6新增了let命令,用於聲明變量。其與var的不同在於,用let聲明的變量只在 { } 內有效。這使得我們可以很方便的實現塊級作用域,不再使用立即實行函數。
{ let a=1; var b=2; } console.log(a); //undefined console.log(b); //2
在for循環中使用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. 暫時性死區(Temporal Dead Zone)
只要塊級作用域內有let,let 聲明的變量不受全局同名變量的影響,如果想要在塊級作用域內使用let 聲明的變量,只能為其賦值。
var a=1; if(true){ a=2; let a; //Uncaught ReferenceError: a is not defined }
4. 不允許在一個塊級作用域內重復聲明一個變量
不管是var與let重復聲明,還是let與let重復聲明,都會報錯。
希望本文所述對大家ECMAscript程序設計有所幫助。