es6

ES6(ECMAScript2015)的出現(xiàn)阴汇,無(wú)疑給前端開(kāi)發(fā)人員帶來(lái)了新的驚喜数冬,它包含了一些很棒的新特性,可以更加方便的實(shí)現(xiàn)很多復(fù)雜的操作搀庶,提高開(kāi)發(fā)人員的效率拐纱。

本文主要針對(duì)ES6做一個(gè)簡(jiǎn)要介紹。 主要譯自: http://webapplog.com/ES6/comment-page-1/地来。也許你還不知道ES6是什么, 實(shí)際上, 它是一種新的javascript規(guī)范戳玫。在這個(gè)大家都很忙碌的時(shí)代,如果你想對(duì)ES6有一個(gè)快速的了解未斑,那么請(qǐng)繼續(xù)往下讀咕宿,去了解當(dāng)今最流行的編程語(yǔ)言JavaScript最新一代的十大特性。

以下是ES6的最佳特性列表(排名不分先后):

Default Parameters(默認(rèn)參數(shù)) in ES6

Template Literals (模板文本)in ES6

Multi-line Strings (多行字符串)in ES6

Destructuring Assignment (解構(gòu)賦值)in ES6

Enhanced Object Literals (增強(qiáng)的對(duì)象文本)in ES6

Arrow Functions (箭頭函數(shù))in ES6

Promises in ES6

Block-Scoped Constructs Let and Const(塊作用域構(gòu)造Let and Const)

Classes(類(lèi)) in ES6

Modules(模塊) in ES6

聲明:這些列表僅是個(gè)人主觀意見(jiàn)蜡秽。它絕不是為了削弱ES6其它功能府阀,這里只列出了10條比較常用的特性。

首先回顧一下JavaScript的歷史芽突,不清楚歷史的人试浙,很難理解JavaScript為什么會(huì)這樣發(fā)展。下面就是一個(gè)簡(jiǎn)單的JavaScript發(fā)展時(shí)間軸:

1寞蚌、1995:JavaScript誕生田巴,它的初始名叫LiveScript。

2挟秤、1997:ECMAScript標(biāo)準(zhǔn)確立壹哺。

3、1999:ES3出現(xiàn)艘刚,與此同時(shí)IE5風(fēng)靡一時(shí)管宵。

4、2000–2005: XMLHttpRequest又名AJAX, 在Outlook Web Access (2000)箩朴、Oddpost (2002)岗喉,Gmail (2004)和Google Maps (2005)大受重用。

5炸庞、2009: ES5出現(xiàn)钱床,(就是我們大多數(shù)人現(xiàn)在使用的)例如foreach,Object.keys燕雁,Object.create和JSON標(biāo)準(zhǔn)诞丽。

6鲸拥、2015:ES6/ECMAScript2015出現(xiàn)拐格。

歷史回顧就先到此,現(xiàn)讓我們進(jìn)入正題刑赶。

1.Default Parameters(默認(rèn)參數(shù)) in ES6

還記得我們以前不得不通過(guò)下面方式來(lái)定義默認(rèn)參數(shù):

var link = function (height, color, url) {

var height = height || 50;

var color = color || 'red';

var url = url || 'http://azat.co';

...

}一切工作都是正常的捏浊,直到參數(shù)值是0后,就有問(wèn)題了撞叨,因?yàn)樵贘avaScript中金踪,0表示fasly,它是默認(rèn)被hard-coded的值牵敷,而不能變成參數(shù)本身的值胡岔。當(dāng)然,如果你非要用0作為值枷餐,我們可以忽略這一缺陷并且使用邏輯OR就行了靶瘸!但在ES6,我們可以直接把默認(rèn)值放在函數(shù)申明里:

var link = function(height = 50, color = 'red', url = 'http://azat.co') {

? ...

}順便說(shuō)一句毛肋,這個(gè)語(yǔ)法類(lèi)似于Ruby怨咪!

2.Template Literals(模板對(duì)象) in ES6

在其它語(yǔ)言中,使用模板和插入值是在字符串里面輸出變量的一種方式润匙。因此诗眨,在ES5,我們可以這樣組合一個(gè)字符串:

var name = 'Your name is ' + first + ' ' + last + '.';

var url = 'http://localhost:3000/api/messages/' + id;幸運(yùn)的是孕讳,在ES6中匠楚,我們可以使用新的語(yǔ)法$ {NAME},并把它放在反引號(hào)里:

var name = `Your name is ${first} ${last}. `;

var url = `http://localhost:3000/api/messages/${id}`;

3.Multi-line Strings (多行字符串)in ES6

ES6的多行字符串是一個(gè)非常實(shí)用的功能厂财。在ES5中芋簿,我們不得不使用以下方法來(lái)表示多行字符串

var roadPoem = 'Then took the other, as just as fair,nt'

? ? + 'And having perhaps the better claimnt'

? ? + 'Because it was grassy and wanted wear,nt'

? ? + 'Though as for that the passing therent'

? ? + 'Had worn them really about the same,nt';

var fourAgreements = 'You have the right to be you.n

? ? You can only be you when you do your best.';

然而在ES6中,僅僅用反引號(hào)就可以解決了:

var roadPoem = `Then took the other, as just as fair,

? ? And having perhaps the better claim

? ? Because it was grassy and wanted wear,

? ? Though as for that the passing there

? ? Had worn them really about the same,`;

var fourAgreements = `You have the right to be you.

? ? You can only be you when you do your best.`;

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末蟀苛,一起剝皮案震驚了整個(gè)濱河市益咬,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖幽告,帶你破解...
    沈念sama閱讀 216,744評(píng)論 6 502
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件梅鹦,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡冗锁,警方通過(guò)查閱死者的電腦和手機(jī)齐唆,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,505評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)冻河,“玉大人箍邮,你說(shuō)我怎么就攤上這事∵缎穑” “怎么了锭弊?”我有些...
    開(kāi)封第一講書(shū)人閱讀 163,105評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)擂错。 經(jīng)常有香客問(wèn)我味滞,道長(zhǎng),這世上最難降的妖魔是什么钮呀? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,242評(píng)論 1 292
  • 正文 為了忘掉前任剑鞍,我火速辦了婚禮,結(jié)果婚禮上爽醋,老公的妹妹穿的比我還像新娘蚁署。我一直安慰自己,他們只是感情好蚂四,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,269評(píng)論 6 389
  • 文/花漫 我一把揭開(kāi)白布光戈。 她就那樣靜靜地躺著,像睡著了一般证杭。 火紅的嫁衣襯著肌膚如雪田度。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 51,215評(píng)論 1 299
  • 那天解愤,我揣著相機(jī)與錄音镇饺,去河邊找鬼。 笑死送讲,一個(gè)胖子當(dāng)著我的面吹牛奸笤,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播哼鬓,決...
    沈念sama閱讀 40,096評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼监右,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了异希?” 一聲冷哼從身側(cè)響起健盒,我...
    開(kāi)封第一講書(shū)人閱讀 38,939評(píng)論 0 274
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后扣癣,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體惰帽,經(jīng)...
    沈念sama閱讀 45,354評(píng)論 1 311
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,573評(píng)論 2 333
  • 正文 我和宋清朗相戀三年父虑,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了该酗。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,745評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡士嚎,死狀恐怖呜魄,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情莱衩,我是刑警寧澤爵嗅,帶...
    沈念sama閱讀 35,448評(píng)論 5 344
  • 正文 年R本政府宣布,位于F島的核電站膳殷,受9級(jí)特大地震影響操骡,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜赚窃,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,048評(píng)論 3 327
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望岔激。 院中可真熱鬧勒极,春花似錦、人聲如沸虑鼎。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,683評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)炫彩。三九已至匾七,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間江兢,已是汗流浹背昨忆。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,838評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留杉允,地道東北人邑贴。 一個(gè)月前我還...
    沈念sama閱讀 47,776評(píng)論 2 369
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像叔磷,于是被迫代替她去往敵國(guó)和親拢驾。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,652評(píng)論 2 354

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

  • (a fork of Airbnb's Javascript Style Guide) Strikingly ES...
    飄零_zyw閱讀 1,161評(píng)論 1 2
  • 字符的 Unicode 表示法 codePointAt() String.fromCodePoint() 字符串的...
    卞卞村長(zhǎng)L閱讀 749評(píng)論 0 0
  • 你可能已經(jīng)聽(tīng)說(shuō)過(guò)ECMAScript 6(簡(jiǎn)稱(chēng) ES6)了改基。ES6 是 Javascript 的下一個(gè)版本繁疤,它有很...
    米塔塔閱讀 935評(píng)論 0 10
  • 心其實(shí)挺疼的,眼淚蓄了一天了,似乎一低頭就要掉下來(lái)稠腊。但卻又異常清醒案疲,分了吧!他不愛(ài)我麻养,自己為什么不肯承認(rèn)褐啡。還有什么...
    隨言閱讀 238評(píng)論 0 1
  • 女孩子都喜歡比較大方的男孩子,對(duì)于花錢(qián)大手大腳的男生鳖昌,到底該不該和他結(jié)婚呢备畦? 01 我要說(shuō)的這個(gè)姑娘叫丫頭,是一個(gè)...
    猴爸陪你讀書(shū)閱讀 893評(píng)論 0 3