寫在前面:
本文轉載自:https://www.cnblogs.com/fly_dragon/p/8669057.html
作者:FlyDragon
出處:http://www.cnblogs.com/fly_dragon/
關於作者:專注於微軟平台項目架構、管理和企業解決方案。如有問題或建議,請多多賜教!
本文版權歸作者和博客園共有,歡迎轉載,但未經作者同意必須保留此段聲明,且在文章頁面明顯位置給出原文連接,如有問題,可以通malun666@126.com 聯系我,非常感謝。
正文:
ES6 新增了let
命令,用來聲明局部變量。它的用法類似於var
,但是所聲明的變量,只在let
命令所在的代碼塊內有效,而且有暫時性死區的約束。
先看個var
的常見變量提升的面試題目:
ES6可以用let定義塊級作用域變量
在ES6之前,我們都是用var來聲明變量,而且JS只有函數作用域和全局作用域,沒有塊級作用域,所以{}
限定不了var聲明變量的訪問范圍。
例如:
ES6新增的let
,可以聲明塊級作用域的變量。
let 配合for循環的獨特應用
let
非常適合用於 for
循環內部的塊級作用域。JS中的for循環體比較特殊,每次執行都是一個全新的獨立的塊作用域,用let聲明的變量傳入到 for循環體的作用域后,不會發生改變,不受外界的影響。看一個常見的面試題目:
如果把 var
改成 let
聲明:
let沒有變量提升與暫時性死區
用let
聲明的變量,不存在變量提升。而且要求必須 等let
聲明語句執行完之后,變量才能使用,不然會報Uncaught ReferenceError
錯誤。
例如:
ES6 明確規定,如果區塊中存在let和const命令,這個區塊對這些命令聲明的變量,從一開始就形成了封閉作用域。凡是在聲明之前就使用這些變量,就會報錯。
總之,在代碼塊內,使用let命令聲明變量之前,該變量都是不可用的。這在語法上,稱為“暫時性死區”(temporal dead zone,簡稱 TDZ)。
let變量不能重復聲明
let不允許在相同作用域內,重復聲明同一個變量。否則報錯:Uncaught SyntaxError: Identifier 'XXX' has already been declared
例如:
總結
ES6的let讓js真正擁有了塊級作用域,也是向這更安全更規范的路走,雖然加了很多約束,但是都是為了讓我們更安全的使用和寫代碼。
轉載自:https://www.cnblogs.com/fly_dragon/p/8669057.html
順便打個小廣告,老馬目前專注於做線下的IT全棧實習,不8000就業不還實習費,如果有需要的請關注一下: aicoder.com
老馬錄制的免費在線視頻教程: qtxh.ke.qq.com(備注:我不是老馬)