ES6常用語法

在平時(shí)開發(fā)的時(shí)候彩扔,靈活地使用ES6語法可以使開發(fā)者減少代碼量嫉髓,提高效率莹妒。這里列舉的是我們在開發(fā)過程中常使用ES6特性

  • let / const
  • 箭頭函數(shù)
  • 默認(rèn)參數(shù)
  • 結(jié)構(gòu)賦值
  • 擴(kuò)展運(yùn)算符
  • 字符串
  • 數(shù)組
  • Promise
    在了解let/const之前铛绰,我們先來看下

var應(yīng)用

1赶站、重復(fù)聲明

var a = 1
var a = 2
console.log(a)   //此時(shí)會(huì)因?yàn)橹貜?fù)聲明而輸出最后一個(gè)a的值幔虏,結(jié)果為2 

2、聲明提前

console.log(b)
var b=2 

由于var定義變量存在聲明提前贝椿,整個(gè)運(yùn)行過程變?yōu)?/p>

var b
console.log(b)
b=2

3想括、不能定義常量
4、沒有塊級(jí)作用域

let的應(yīng)用

1烙博、不能重復(fù)聲明
2瑟蜈、可以修改
3、存在塊級(jí)作用域
4渣窜、不存在預(yù)解析變量

const的應(yīng)用

1铺根、不能重復(fù)聲明
2、不可以修改
3乔宿、存在塊級(jí)作用域
4位迂、不存在預(yù)解析變量

箭頭函數(shù)

兩種形式:
當(dāng)參數(shù)只有一個(gè)的時(shí)候,()可以省略
當(dāng)參數(shù)只有一個(gè)return的時(shí)候详瑞,{ }可以省略
我們來看下具體的例子

//普通函數(shù)
function peopele(){
    
}

//箭頭函數(shù)1
let people=()=>{
    
}

//箭頭函數(shù)2
()=>{
    
}

下面的箭頭函數(shù)的幾個(gè)特點(diǎn)
1掂林、箭頭函數(shù)作為匿名函數(shù),不能作為構(gòu)造函數(shù)坝橡,不能使用new

var people = () => {
  console.log("ok");
};

var xiaoming = new people();  //此時(shí)會(huì)報(bào)錯(cuò)泻帮,TypeError: people is not a constructor

2、箭頭函數(shù)不綁定自己的arguments,而是使用rest參數(shù)

var student = a => {
  console.log(arguments);
};

student(3);//報(bào)錯(cuò)

使用rest參數(shù)计寇,如下

var teacher = (...c) => {
  console.log(c);
};
teacher(3);  [3]

3锣杂、箭頭函數(shù)會(huì)捕獲所在上下文的this脂倦,作為自己的this值

未完待更....

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市元莫,隨后出現(xiàn)的幾起案子赖阻,更是在濱河造成了極大的恐慌,老刑警劉巖柒竞,帶你破解...
    沈念sama閱讀 218,386評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件政供,死亡現(xiàn)場離奇詭異,居然都是意外死亡朽基,警方通過查閱死者的電腦和手機(jī)布隔,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,142評論 3 394
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來稼虎,“玉大人衅檀,你說我怎么就攤上這事■” “怎么了哀军?”我有些...
    開封第一講書人閱讀 164,704評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長打却。 經(jīng)常有香客問我杉适,道長,這世上最難降的妖魔是什么柳击? 我笑而不...
    開封第一講書人閱讀 58,702評論 1 294
  • 正文 為了忘掉前任猿推,我火速辦了婚禮,結(jié)果婚禮上捌肴,老公的妹妹穿的比我還像新娘蹬叭。我一直安慰自己,他們只是感情好状知,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,716評論 6 392
  • 文/花漫 我一把揭開白布秽五。 她就那樣靜靜地躺著,像睡著了一般饥悴。 火紅的嫁衣襯著肌膚如雪坦喘。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,573評論 1 305
  • 那天铺坞,我揣著相機(jī)與錄音起宽,去河邊找鬼。 笑死济榨,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的绿映。 我是一名探鬼主播擒滑,決...
    沈念sama閱讀 40,314評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼腐晾,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了丐一?” 一聲冷哼從身側(cè)響起藻糖,我...
    開封第一講書人閱讀 39,230評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎库车,沒想到半個(gè)月后巨柒,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,680評論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡柠衍,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,873評論 3 336
  • 正文 我和宋清朗相戀三年洋满,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片珍坊。...
    茶點(diǎn)故事閱讀 39,991評論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡牺勾,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出阵漏,到底是詐尸還是另有隱情驻民,我是刑警寧澤,帶...
    沈念sama閱讀 35,706評論 5 346
  • 正文 年R本政府宣布履怯,位于F島的核電站回还,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏叹洲。R本人自食惡果不足惜柠硕,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,329評論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望疹味。 院中可真熱鬧仅叫,春花似錦、人聲如沸糙捺。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,910評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽洪灯。三九已至坎缭,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間签钩,已是汗流浹背掏呼。 一陣腳步聲響...
    開封第一講書人閱讀 33,038評論 1 270
  • 我被黑心中介騙來泰國打工盅安, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留舞丛,地道東北人蛋欣。 一個(gè)月前我還...
    沈念sama閱讀 48,158評論 3 370
  • 正文 我出身青樓淹真,卻偏偏與公主長得像听系,于是被迫代替她去往敵國和親挨决。 傳聞我的和親對象是個(gè)殘疾皇子弥喉,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,941評論 2 355

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

  • ES6 新增了let命令允青,用來聲明變量。它的用法類似于var蒋得,但是所聲明的變量级及,只在let命令所在的代碼塊內(nèi)有效。...
    joker731閱讀 268評論 0 0
  • 一额衙、相關(guān)背景介紹 我們現(xiàn)在大多數(shù)人用的語法javascript 其實(shí)版本是ecmscript5,也是就es5饮焦。這個(gè)...
    sunnyghx閱讀 744評論 0 2
  • ES6阮一峰老師的書已經(jīng)出到第三版了,從中受益匪淺窍侧,第二版讀了三遍县踢,在項(xiàng)目中常用到的一些語法和方法做些總結(jié) 字符串...
    任雨丶閱讀 15,594評論 0 11
  • 今天,和許久不見的綠綠疏之,在一起坐了一會(huì)殿雪,她給我說,專業(yè)有個(gè)女生覺得我很二锋爪。 心里咯噔一聲丙曙,好久沒人告訴我,其他人怎...
    莫阿奇閱讀 120評論 0 1
  • 生活不止一路向前其骄,還需學(xué)會(huì)按下暫停鍵亏镰,給自己的人生留一段空白,給自己一次清空的機(jī)會(huì)拯爽。就像作家曾鍇說的索抓,我們需要一個(gè)...
    Renesmee耶閱讀 171評論 0 0