let與const

let用法

ES6新增了let命令库车,用法與var類似方灾,主要用于聲明變量导饲,且逐漸代替var乍桂,與var的區(qū)別為拷邢,其聲明的變量只在自己所在的塊級(jí)作用域內(nèi)有效哩俭。
eg:

var a = [];
for (var i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i);
  };
}
a[6](); // 10
var a = [];
for (let i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i);
  };
}
a[6](); // 6

由于var不支持塊級(jí)作用域所以在循環(huán)時(shí)時(shí)聲明循環(huán)變量震放,與在循環(huán)外部聲明并無區(qū)別筷厘。而let關(guān)鍵字支持塊級(jí)作用域每次調(diào)用函數(shù)時(shí)都可以在塊內(nèi)找到變量i恬总,并進(jìn)行輸出前普。
??值得注意的是一個(gè)for循環(huán)并不一個(gè)塊級(jí)作用域,而是倆個(gè)壹堰,循環(huán)體作為子作用域拭卿,而循環(huán)頭部屬于父級(jí)作用域骡湖。
eg:

for (let i = 0; i < 3; i++) {
  let i = 'abc';
  console.log(i);
}
// abc
// abc
// abc

補(bǔ)充一點(diǎn),在ES5中只有全局作用域和函數(shù)作用域峻厚,除此之外响蕴,幾乎所有帶{}的作用域都可以看做塊級(jí)作用域

變量提升

我們都知道在使用var聲明變量時(shí),可以先使用惠桃,而后聲明浦夷,此時(shí)程序也不會(huì)報(bào)錯(cuò),只是將變量當(dāng)做undfined使用辜王,這樣會(huì)給編程帶來不可預(yù)料的問題劈狐,也不是一種良好的編程習(xí)慣。在ES6中使用let關(guān)鍵字聲明變量呐馆,需嚴(yán)格遵守先聲明肥缔,后使用的原則,否則拋出錯(cuò)誤汹来。

暫時(shí)性死區(qū)

由上文我們已經(jīng)知道续膳,let聲明的變量只在自己的塊級(jí)作用域內(nèi)起作用,那么若是想使用在外部聲明的同名變量收班,又會(huì)怎么樣呢?

var tmp = 123;
if (true) {
  tmp = 'abc'; // ReferenceError
  let tmp;
}

上面代碼中闺阱,存在全局變量tmp炮车,但是塊級(jí)作用域內(nèi)let又聲明了一個(gè)局部變量tmp酣溃,導(dǎo)致后者綁定這個(gè)塊級(jí)作用域瘦穆,所以在let聲明變量前赊豌,對(duì)tmp賦值會(huì)報(bào)錯(cuò)扛或。
??ES6明確規(guī)定,如果區(qū)塊中存在let和const命令碘饼,這個(gè)區(qū)塊對(duì)這些命令聲明的變量熙兔,從一開始就形成了封閉作用域。凡是在聲明之前就使用這些變量艾恼,就會(huì)報(bào)錯(cuò)住涉。
??總之钠绍,在代碼塊內(nèi)舆声,使用let命令聲明變量之前,該變量都是不可用的。這在語法上媳握,稱為“暫時(shí)性死區(qū)”

不允許重復(fù)聲明

不同于var碱屁,let不允許重復(fù)申明

// 報(bào)錯(cuò)
function () {
  let a = 10;
  var a = 1;
}

// 報(bào)錯(cuò)
function () {
  let a = 10;
  let a = 1;
}

因此,不能在函數(shù)內(nèi)部重新聲明參數(shù)蛾找。

function func(arg) {
  let arg; // 報(bào)錯(cuò)
}
function func(arg) {
  {
    let arg; // 不報(bào)錯(cuò)
  }
}

const命令

const命令用來聲明常量娩脾,即所聲明的值不可改變,改變則拋出錯(cuò)誤打毛。

const PI = 3.1415;
PI // 3.1415

PI = 3;
// TypeError: Assignment to constant variable.

??const命令與let相同的是其也只在它所屬的塊級(jí)作用域內(nèi)起作用晦雨,也存在暫時(shí)性死區(qū)。
??然而事無絕對(duì)闹瞧,const所聲明的值只是設(shè)置其變量所指向的指針不可改變,而指針?biāo)赶蚓唧w物理地址的值還是可以改變的展辞,也就是說,對(duì)于number類型罗珍,String類型及Boolean類型不可改變,而對(duì)于Object及Array類型不可以改變對(duì)象指針或數(shù)組指針指向的位置覆旱,但其內(nèi)的元素卻是可以改變的蘸朋。

全局變量

??在ES5中扣唱,聲明的全局變量直接與頂層對(duì)象window掛鉤藕坯,為window對(duì)象的屬性(在node中為global),這種做法會(huì)為程序帶來一些不可預(yù)知的錯(cuò)誤噪沙,因此在ES6中對(duì)其作出了優(yōu)化炼彪,但也并未完全擯棄這種做法,只是用var聲明的全局變量依然為頂層對(duì)象window的屬性辐马,而使用const與let所聲明的則與window對(duì)象沒有關(guān)系。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末喜爷,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子檩帐,更是在濱河造成了極大的恐慌,老刑警劉巖穷绵,帶你破解...
    沈念sama閱讀 218,941評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件特愿,死亡現(xiàn)場(chǎng)離奇詭異勾缭,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)目养,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,397評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來癌蚁,“玉大人,你說我怎么就攤上這事努释〉馍遥” “怎么了伐蒂?”我有些...
    開封第一講書人閱讀 165,345評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)逸邦。 經(jīng)常有香客問我恩沛,道長(zhǎng)缕减,這世上最難降的妖魔是什么雷客? 我笑而不...
    開封第一講書人閱讀 58,851評(píng)論 1 295
  • 正文 為了忘掉前任桥狡,我火速辦了婚禮,結(jié)果婚禮上裹芝,老公的妹妹穿的比我還像新娘呈宇。我一直安慰自己局雄,他們只是感情好甥啄,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,868評(píng)論 6 392
  • 文/花漫 我一把揭開白布炬搭。 她就那樣靜靜地躺著蜈漓,像睡著了一般宫盔。 火紅的嫁衣襯著肌膚如雪融虽。 梳的紋絲不亂的頭發(fā)上灼芭,一...
    開封第一講書人閱讀 51,688評(píng)論 1 305
  • 那天有额,我揣著相機(jī)與錄音,去河邊找鬼巍佑。 笑死,一個(gè)胖子當(dāng)著我的面吹牛萤衰,可吹牛的內(nèi)容都是我干的堕义。 我是一名探鬼主播脆栋,決...
    沈念sama閱讀 40,414評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼倦卖,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼椿争!你這毒婦竟也來了怕膛?” 一聲冷哼從身側(cè)響起秦踪,我...
    開封第一講書人閱讀 39,319評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎洋侨,沒想到半個(gè)月后舍扰,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體希坚,經(jīng)...
    沈念sama閱讀 45,775評(píng)論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡边苹,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,945評(píng)論 3 336
  • 正文 我和宋清朗相戀三年裁僧,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片聊疲。...
    茶點(diǎn)故事閱讀 40,096評(píng)論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡茬底,死狀恐怖获洲,靈堂內(nèi)的尸體忽然破棺而出阱表,到底是詐尸還是另有隱情贡珊,我是刑警寧澤最爬,帶...
    沈念sama閱讀 35,789評(píng)論 5 346
  • 正文 年R本政府宣布门岔,位于F島的核電站爱致,受9級(jí)特大地震影響寒随,放射性物質(zhì)發(fā)生泄漏糠悯。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,437評(píng)論 3 331
  • 文/蒙蒙 一互艾、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧忘朝,春花似錦灰署、人聲如沸局嘁。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,993評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至晌畅,卻和暖如春但指,著一層夾襖步出監(jiān)牢的瞬間抗楔,已是汗流浹背棋凳。 一陣腳步聲響...
    開封第一講書人閱讀 33,107評(píng)論 1 271
  • 我被黑心中介騙來泰國(guó)打工连躏, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留剩岳,地道東北人入热。 一個(gè)月前我還...
    沈念sama閱讀 48,308評(píng)論 3 372
  • 正文 我出身青樓拍棕,卻偏偏與公主長(zhǎng)得像勺良,于是被迫代替她去往敵國(guó)和親绰播。 傳聞我的和親對(duì)象是個(gè)殘疾皇子尚困,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,037評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • 前言 《ECMAScript入門》是一本開源的JavaScript語言教程,全面介紹ECMAScript6新引入的...
    weiqinl閱讀 532評(píng)論 0 1
  • let和const let命令 let用法類似var事甜,但是所聲明的變涼忙芒,只在let命令所在的代碼塊內(nèi)有效 for循...
    李諾哦閱讀 365評(píng)論 0 1
  • 今天學(xué)習(xí)了ES6新增語法中的let與const命令的基本用法和一些特性讳侨,這篇博客用以對(duì)這兩個(gè)命令的用法的一些總結(jié)呵萨。...
    大春春閱讀 574評(píng)論 8 5
  • let 命令 塊級(jí)作用域 const 命令 頂層對(duì)象的屬性 global 對(duì)象 let 命令 基本用法 ES6 新...
    嘉奇呦_nice閱讀 1,631評(píng)論 0 2
  • 1.let命令 基本概念 let語法類似于var跨跨,不同點(diǎn)在于let定義的變量只在定義它的代碼塊中有效囱皿。 {var ...
    Chef_Front閱讀 339評(píng)論 0 0