關(guān)于var，let，const的那點事

KavenFan 發(fā)布于2019-08-20 14:26 / 3394人閱讀

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

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

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

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

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

2、var 關(guān)鍵字定義

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

3、let關(guān)鍵字定義

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

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

GPU云服務(wù)器云服務(wù)器理那點 Lets Let const

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/81631.html

相關(guān)文章

關(guān)于性能優(yōu)化的那點事——函數(shù)節(jié)流

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

khlbat 2019-08-20 10:31 評論0 收藏0
關(guān)于性能優(yōu)化的那點事——函數(shù)防抖

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

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

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

timger 2019-08-01 17:57 評論0 收藏0
關(guān)于性能優(yōu)化的那點事——BigRender首屏渲染優(yōu)化

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

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

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

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