js中Let和Var的區別


寫在前面:

本文轉載自: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(備注:我不是老馬)

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM