ES6(1)馒稍、var皿哨、let和const區(qū)別

1、背景:

在ES6之前聲明一個(gè)變量都是用var進(jìn)行聲明筷黔,但是由于var聲明變量具有變量提升作用往史,無論是在代碼后面聲明還是前面聲明,又或者聲明一個(gè)塊級(jí)作用域中的變量佛舱,都會(huì)將變量提升椎例,導(dǎo)致容易變成全局變量。

1请祖、執(zhí)行在后
var a=1   //全局變量,聲明和賦值一起
console.log(a)

//打印出1

2订歪、執(zhí)行在前
console.log(a)
var a=1   
//var a 能進(jìn)行變量提升,將a先聲明肆捕,運(yùn)行console.log(a),之后才賦值刷晋,所以打印出是undefined

如果想變量只作用在塊級(jí)作用域,ES6之前使用var都會(huì)進(jìn)行變量提升慎陵,因此需要結(jié)合使用立即執(zhí)行函數(shù)才能實(shí)現(xiàn)方法眼虱,相當(dāng)麻煩。

{
   var a=1  //因?yàn)樽兞刻嵘Γ惶嵘阶饔糜蛲饷婺笮瑹o法實(shí)現(xiàn)
}

如果使用函數(shù)進(jìn)行包裹,雖然對(duì)變量a進(jìn)行實(shí)現(xiàn)塊級(jí)作用域,但是對(duì)于函數(shù)x來說又是一個(gè)全局變量润梯,多次一舉过牙。

function x(){
  var a=1
  window.jack=function(){
     console.log(a)
  }
}

最后只能結(jié)合立即執(zhí)行函數(shù)來實(shí)現(xiàn)甥厦。

( function x(){
  var a=1
  window.jack=function(){
     console.log(a)
  }
 }())

總結(jié):你看看想要實(shí)現(xiàn)一個(gè)變量只在塊級(jí)作用域中,需要那么麻煩寇钉,因此ES6誕生了let和const刀疙。

2、let的使用
{
   let a=1   
   console.log(a)   //打印出1
}
//就那么簡(jiǎn)單實(shí)現(xiàn)塊級(jí)作用域變量扫倡,只在這個(gè)范圍有用

(1)谦秧、超過塊級(jí)作用域使用,報(bào)錯(cuò)镊辕,無效

{
   let a=1   
}
 console.log(a)
//報(bào)錯(cuò):a is not defined

(2)油够、未聲明先使用,報(bào)錯(cuò)

 console.log(a)
 let a=1
//報(bào)錯(cuò):a is not defined
3征懈、const的使用

和let使用基本差不多石咬,唯一區(qū)別是const只有一次賦值機(jī)會(huì),而且必須在聲明的時(shí)候立馬賦值

{
   const a=1   
}

最后總結(jié)一下:var卖哎、let鬼悠、const區(qū)別
(1)、var是ES5語法亏娜,let是ES6語法
(2)焕窝、var定義變量是函數(shù)作用越(全局變量),let定義變量是塊級(jí)作用域
(3)维贺、var有變量提升它掂,let沒有變量提升
(4)、var可以重復(fù)聲明溯泣,let不能重復(fù)聲明
(5)虐秋、let可以重新賦值,const不能重復(fù)賦值

4垃沦、經(jīng)典題目:
(1)

var a=1
function fn(){
  console.log (a)
}
a=2    
fn()   

 //打印出來是2

修改成下面

var a=1
function fn(){
  console.log (a)
}   
fn()   
a=2 

 //打印出來是1

這里主要是涉及一個(gè)執(zhí)行順序問題客给,所以打印出什么要看代碼執(zhí)行順序是怎么樣的

(2)

<button id='x'>aa</button>
<script>
  // 0、1肢簿、2靶剑、3、4池充、5桩引,退出循環(huán)是6
  for(var i=0;i<6;i++){
      function fn(){
        console.log(i)    //打印出i=6
      }
      x.onclick=fn
   }
</script>

你會(huì)疑惑為啥打印不是0、1收夸、2坑匠、3、4咱圆、5笛辟,這里涉及到代碼執(zhí)行時(shí)間問題,當(dāng)我們想執(zhí)行代碼時(shí)候i早就變成了6序苏。

<button id='x'>aa</button>
<script>
  for(let i=0;i<6;i++){    //用let情況
      //i0 i1 i2 i3 i4 i5
      //塊里面的i=圓括號(hào)里面的i值
      function fn(){
        console.log(i)    //打印出i=5
      }
      x.onclick=fn
   }
</script>

這里看出使用var打印出是6手幢,使用let打印出是5,這是因?yàn)橐粋€(gè)是全局變量忱详,一個(gè)是塊級(jí)作用域围来。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市匈睁,隨后出現(xiàn)的幾起案子监透,更是在濱河造成了極大的恐慌,老刑警劉巖航唆,帶你破解...
    沈念sama閱讀 218,204評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件胀蛮,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡糯钙,警方通過查閱死者的電腦和手機(jī)粪狼,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,091評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來任岸,“玉大人再榄,你說我怎么就攤上這事∠砬保” “怎么了困鸥?”我有些...
    開封第一講書人閱讀 164,548評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)剑按。 經(jīng)常有香客問我疾就,道長(zhǎng),這世上最難降的妖魔是什么吕座? 我笑而不...
    開封第一講書人閱讀 58,657評(píng)論 1 293
  • 正文 為了忘掉前任虐译,我火速辦了婚禮,結(jié)果婚禮上吴趴,老公的妹妹穿的比我還像新娘漆诽。我一直安慰自己,他們只是感情好锣枝,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,689評(píng)論 6 392
  • 文/花漫 我一把揭開白布厢拭。 她就那樣靜靜地躺著,像睡著了一般撇叁。 火紅的嫁衣襯著肌膚如雪供鸠。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,554評(píng)論 1 305
  • 那天陨闹,我揣著相機(jī)與錄音楞捂,去河邊找鬼薄坏。 笑死,一個(gè)胖子當(dāng)著我的面吹牛寨闹,可吹牛的內(nèi)容都是我干的胶坠。 我是一名探鬼主播,決...
    沈念sama閱讀 40,302評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼繁堡,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼沈善!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起椭蹄,我...
    開封第一講書人閱讀 39,216評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤闻牡,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后绳矩,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體罩润,經(jīng)...
    沈念sama閱讀 45,661評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,851評(píng)論 3 336
  • 正文 我和宋清朗相戀三年埋酬,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了哨啃。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,977評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡写妥,死狀恐怖拳球,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情珍特,我是刑警寧澤祝峻,帶...
    沈念sama閱讀 35,697評(píng)論 5 347
  • 正文 年R本政府宣布,位于F島的核電站扎筒,受9級(jí)特大地震影響莱找,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜嗜桌,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,306評(píng)論 3 330
  • 文/蒙蒙 一奥溺、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧骨宠,春花似錦浮定、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,898評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至匿又,卻和暖如春方灾,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背碌更。 一陣腳步聲響...
    開封第一講書人閱讀 33,019評(píng)論 1 270
  • 我被黑心中介騙來泰國打工裕偿, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留洞慎,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,138評(píng)論 3 370
  • 正文 我出身青樓嘿棘,卻偏偏與公主長(zhǎng)得像拢蛋,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子蔫巩,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,927評(píng)論 2 355

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