ES6:let和const命令

1泻轰、let命令

基本用法

let用來聲明變量惦辛。它的用法類似于var界拦,但是所聲明的變量乍楚,只在let命令所在的代碼塊內(nèi)有效两嘴。

{
    let b = 2;
    var a = 1;
}

console.log( a );
console.log( b );
let 命令

for循環(huán)的計(jì)數(shù)器丛楚,就很合適使用let命令。

for( var i = 0; i < 5; i++ ) {
    // your code
}
console.log( "i = " + i );
// output: i = 5
// 理解:計(jì)數(shù)器i在for循環(huán)體內(nèi)外都有效

for( let j = 0; j < 5; j++ ) {
    // your code
}
console.log( "j = " + j );
//output: ReferenceError: j is not defined
// 理解:計(jì)數(shù)器j只在for循環(huán)體內(nèi)有效憔辫,在循環(huán)體外引用就會報錯
let 與 var 對比

常遇到的坑

// eg.3
var a = [];
for( var i = 0; i < 5; i++ ) {
    a[i] = function() {
        console.log( "i = " + i );
    }
}
a[3]();
// output: i = 5

let b = [];
for( let j = 0; j < 5; j++ ) {
    b[j] = function() {
        console.log( "j = " + j );
    }
}
b[3]();
// output: j = 3

理解:

  • 變量ivar聲明的趣些,在全局范圍內(nèi)都有效。所以每一次循環(huán)螺垢,新的i值都會覆蓋舊值喧务,導(dǎo)致最后輸出的是最后一輪的i的值。
  • 變量ilet聲明的枉圃,當(dāng)前的i只在本輪循環(huán)有效功茴,所以每一次循環(huán)的i其實(shí)都是一個新的變量

不存在變量提升

letconst命令都不存在變量提升

// use var
console.log( "use var: " + xiaAA );
var xiaAA = "你就會瞎AA";

// use let
console.lgo( xiaBB );
let xiaBB = "你就會瞎BB";

var存在會發(fā)生”變量提升“現(xiàn)象,即變量可以在聲明之前使用孽亲,值為undefined坎穿。
let命令改變了語法行為,它所聲明的變量一定要在聲明后使用返劲,否則報錯玲昧。

不存在變量提升

塊級作用域

ES6的塊級作用域

let實(shí)際上為 JavaScript 新增了塊級作用域。

function f() {
    let n = "37";
    if( true ) {
        let n = "95k";
    }
    console.log( "n = " + n );
}
f();
// output: n = 37

上面的函數(shù)有兩個代碼塊篮绿,都用let聲明了變量n孵延,運(yùn)行后輸出n = 37。這表示外層代碼塊不受內(nèi)層代碼塊的影響亲配。如果使用var定義變量n尘应,最后輸出的值就是n = 95k

塊級作用域的出現(xiàn)吼虎,實(shí)際上使得獲得廣泛應(yīng)用的立即執(zhí)行函數(shù)表達(dá)式(IIFE)不再必要了犬钢。

// IIFE 寫法
(function() {
    var n = "";
    // your code
}());

// 塊級作用域?qū)懛?{
    let n = "";
    // your code
}

const命令

基本用法

const聲明一個只讀的常量。一旦聲明思灰,常量的值就不能改變玷犹。(注:用const命令來聲明變量時,個人習(xí)慣用大寫)

const YY = "37";
console.log( YY );

YY = "67";
console.log( YY );
// TypeError: Assignment to constant variable.
const 基本用法

const聲明的變量不得改變值洒疚,這意味著歹颓,const一旦聲明變量,就必須立即初始化拳亿,不能留到以后賦值晴股。

const foo;
// SyntaxError: Missing initializer in const declaration

const的作用域與let命令相同:只在聲明所在的塊級作用域內(nèi)有效。

if( true ) {
  const MAX = 5;
}

MAX // Uncaught ReferenceError: MAX is not defined

const聲明的常量肺魁,也與let一樣不可重復(fù)聲明电湘。

var m = "37";
let n = "67";

// 下面再定義會報錯
const m = "73";
const n = "76";
const 命令
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子寂呛,更是在濱河造成了極大的恐慌怎诫,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,470評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件贷痪,死亡現(xiàn)場離奇詭異幻妓,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)劫拢,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,393評論 3 392
  • 文/潘曉璐 我一進(jìn)店門肉津,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人舱沧,你說我怎么就攤上這事妹沙。” “怎么了熟吏?”我有些...
    開封第一講書人閱讀 162,577評論 0 353
  • 文/不壞的土叔 我叫張陵距糖,是天一觀的道長。 經(jīng)常有香客問我牵寺,道長悍引,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,176評論 1 292
  • 正文 為了忘掉前任帽氓,我火速辦了婚禮趣斤,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘黎休。我一直安慰自己唬渗,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,189評論 6 388
  • 文/花漫 我一把揭開白布奋渔。 她就那樣靜靜地躺著,像睡著了一般壮啊。 火紅的嫁衣襯著肌膚如雪嫉鲸。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,155評論 1 299
  • 那天歹啼,我揣著相機(jī)與錄音玄渗,去河邊找鬼。 笑死狸眼,一個胖子當(dāng)著我的面吹牛藤树,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播拓萌,決...
    沈念sama閱讀 40,041評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼岁钓,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起屡限,我...
    開封第一講書人閱讀 38,903評論 0 274
  • 序言:老撾萬榮一對情侶失蹤品嚣,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后钧大,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體翰撑,經(jīng)...
    沈念sama閱讀 45,319評論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,539評論 2 332
  • 正文 我和宋清朗相戀三年啊央,在試婚紗的時候發(fā)現(xiàn)自己被綠了眶诈。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,703評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡瓜饥,死狀恐怖逝撬,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情压固,我是刑警寧澤球拦,帶...
    沈念sama閱讀 35,417評論 5 343
  • 正文 年R本政府宣布,位于F島的核電站帐我,受9級特大地震影響坎炼,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜拦键,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,013評論 3 325
  • 文/蒙蒙 一谣光、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧芬为,春花似錦萄金、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,664評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至询张,卻和暖如春孙乖,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背份氧。 一陣腳步聲響...
    開封第一講書人閱讀 32,818評論 1 269
  • 我被黑心中介騙來泰國打工唯袄, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人蜗帜。 一個月前我還...
    沈念sama閱讀 47,711評論 2 368
  • 正文 我出身青樓恋拷,卻偏偏與公主長得像,于是被迫代替她去往敵國和親厅缺。 傳聞我的和親對象是個殘疾皇子蔬顾,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,601評論 2 353

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