關于var，let，const的那點事

KavenFan 發布于2019-08-20 14:26 / 3387人閱讀

摘要：一直使用定義變量，的出現給變量定義增加了兩個大將，。聲明的變量，塊作用域，不重復聲明覆蓋，限制了變量的作用域，保證變量不會去污染全局變量，所以盡量將改為用。

一直使用var定義變量，ES6的出現給變量定義增加了兩個大將let，const。那它們有什么區別呢。

1、const關鍵字
它的作用就是定義一個常量,一旦定義無法更改，不能重復聲明覆蓋；

const一般在require一個模塊的時候用或者定義一些全局常量。

主要是比較一下var和let的使用；

2、var 關鍵字定義

function test(){
    for(var i=0;i<2;i++){
         console.log("for循環內:"+i);
    }
    console.log(j);
    alert(j);
    console.log("for循環外:"+i);
    var j="hi";
}
test();
第一個for循環里的console輸出for循環內:0，for循環內:1；
第三個console輸出for循環外:2；
第二個console輸出undefined;
alert輸出undefined;

3、let關鍵字定義

第一個for循環里的console輸出for循環內:0，for循環內:1；
第三個console輸出 i is not defined，報錯啦；
第二個console輸出 空
alert(j)輸出undefined。

比較后發現，
var聲明的變量，其作用域為該語句所在的函數內，且存在變量提升現象；
let聲明的變量，其作用域為該語句所在的代碼塊內，且不能重復聲明覆蓋；
很多人說let有沒有變量提升的作用，但是上面測試的例子，console輸出空，alert輸出undefined，都沒有報error，所以對于let聲明變量提升的問題，暫時保留懷疑。
let 聲明的變量，塊作用域，不重復聲明覆蓋，限制了變量的作用域，保證變量不會去污染全局變量，所以盡量將var改為用let。

云服務器 GPU云服務器理那點 Lets Let const

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/81631.html

關于性能優化的那點事——函數節流

摘要：函數節流背景中的函數大多數情況下都是由用戶主動調用觸發的除非是函數本身的實現不合理否則一般不會遇到跟性能相關的問題但在少數情況下函數的觸發不是由用戶直接控制的在這些場景下函數可能被非常頻繁調用而造成大的性能問題場景事件事件滾動事件共同的特征函數節流背景 javascript中的函數大多數情況下都是由用戶主動調用觸發的, 除非是函數本身的實現不合理, 否則一般不會遇到跟性能相關的問題...

khlbat 2019-08-20 10:31 評論0 收藏0
關于性能優化的那點事——函數防抖

摘要：函數防抖場景假設網站有個搜索框用戶輸入文本我們會自動聯想匹配出一些結果供用戶選擇我們可能首先想到的做法就是監聽事件然后異步查詢結果但是如果用戶快速的輸入了一串字符假設是個字符那么就會在瞬間觸發次請求這無疑不是我們想要的我們想要的是用戶停止輸函數防抖場景假設網站有個搜索框, 用戶輸入文本我們會自動聯想匹配出一些結果供用戶選擇,我們可能首先想到的做法就是監聽keypress事件, 然...

Stardustsky 2019-08-21 14:21 評論0 收藏0
關于localStorage面試的那點事

摘要：已經超出本地存儲限定大小可進行超出限定大小之后的操作，如下面可以先清除記錄，再次保存面試官一波素質三連對于只是會使用的同學來說，肯定是不得其解的。最近面試的時候關于html5API總會被問到localStorage的問題，對于一般的問題很簡單，無非就是 localStorage、sessionStorage和cookie這三個客戶端緩存的區別 localStorage的API，g...

timger 2019-08-01 17:57 評論0 收藏0
關于性能優化的那點事——BigRender首屏渲染優化

摘要：首屏渲染優化背景一個龐大的頁面有時我們并不會滾動去看下面的內容這樣就造成了非首屏部分的渲染這些無用的渲染不僅包括圖片還包括其他元素甚至一些某些根據模塊請求比如理論上每增加一個都會增加渲染的時間并且影響著頁面打開的加載速度這時就需要一種辦法使 BigRender首屏渲染優化背景一個龐大的頁面, 有時我們并不會滾動去看下面的內容, 這樣就造成了非首屏部分的渲染, 這些無用的渲染不僅包括...

Markxu 2019-08-20 10:35 評論0 收藏0
SPA那點事

摘要：單頁面應用的出現依然存在著爭議性，我們該如何看待他的兩面性呢接下來小生給大家總結一下他的優缺點。單頁面應用的優勢無刷新體驗沒有了令人詬病的頁面頻繁刷新，同時節約瀏覽器資源，路由響應比較及時，提升了用戶的體驗。前端猿一天不學習就沒飯吃了，后端猿三天不學習仍舊有白米飯擺于桌前。IT行業的快速發展一直在推動著前端技術棧在不斷地更新換代，前端的發展成了互聯網時代的一個縮影。而單頁面應用的發展...

PumpkinDylan 2019-08-01 17:39 評論0 收藏0