第7節(jié):ES6中的箭頭函數(shù)和擴(kuò)展

function add(a,b){
    return a+b;
}
console.log(add(1,2));

我們聲明了一個(gè)add函數(shù)再层,然后傳入a和b兩個(gè)值柠逞,返回a+b的值。 然后我們在控制臺(tái)打印了這個(gè)函數(shù)的返回結(jié)果酿联,這里是3.

默認(rèn)值

在ES6中給我們增加了默認(rèn)值的操作,我們修改上邊的代碼夺巩,可以看到現(xiàn)在只需要傳遞一個(gè)參數(shù)也是可以正常運(yùn)行的贞让。

function add(a,b=1){
    return a+b;
}
console.log(add(1));

主動(dòng)拋出錯(cuò)誤

在使用Vue的框架中,可以經(jīng)沉看到框架主動(dòng)拋出一些錯(cuò)誤喳张,比如v-for必須有:key值。那尤大神是如何做到的那美澳?其實(shí)很簡單销部,ES6中我們直接用throw new Error( xxxx ),就可以拋出錯(cuò)誤。

function add(a,b=1){
   
    if(a == 0){
        throw new Error('This is error')
    }
     return a+b;
}
 
console.log(add(0));

函數(shù)中的嚴(yán)謹(jǐn)模式

我們在ES中就經(jīng)常使用嚴(yán)謹(jǐn)模式來進(jìn)行編程制跟,但是必須寫在代碼最上邊舅桩,相當(dāng)于全局使用。在ES6中我們可以寫在函數(shù)體中雨膨,相當(dāng)于針對函數(shù)來使用擂涛。

function add(a,b=1){
    'use strict'
    if(a == 0){
        throw new Error('This is error');
    }
     return a+b;
}
 
console.log(add(1));

上邊的代碼如果運(yùn)行的話,你會(huì)發(fā)現(xiàn)瀏覽器控制臺(tái)報(bào)錯(cuò)哥放,這是ES6中的一個(gè)坑歼指,如果沒人指導(dǎo)的話,可能你會(huì)陷進(jìn)去一會(huì)甥雕。這個(gè)錯(cuò)誤的原因就是如果你使用了默認(rèn)值踩身,再使用嚴(yán)謹(jǐn)模式的話,就會(huì)有沖突社露,所以我們要取消默認(rèn)值的操作挟阻,這時(shí)候你在運(yùn)行就正常了。

function add(a,b){
    'use strict'
    if(a == 0){
        throw new Error('This is error');
    }
     return a+b;
}
 
console.log(add(1,2));

獲得需要傳遞的參數(shù)個(gè)數(shù)

如果你在使用別人的框架時(shí),不知道別人的函數(shù)需要傳遞幾個(gè)參數(shù)怎么辦附鸽?ES6為我們提供了得到參數(shù)的方法(xxx.length).我們用上邊的代碼看一下需要傳遞的參數(shù)個(gè)數(shù)脱拼。

function add(a,b){
    'use strict'
    if(a == 0){
        throw new Error('This is error');
    }
     return a+b;
}
 
console.log(add.length);

這時(shí)控制臺(tái)打印出了2,但是如果我們?nèi)サ魢?yán)謹(jǐn)模式坷备,并給第二個(gè)參數(shù)加上默認(rèn)值的話熄浓,這時(shí)候add.length的值就變成了1, 也就是說它得到的是必須傳入的參數(shù)省撑。

箭頭函數(shù)

在學(xué)習(xí)Vue的時(shí)候赌蔑,我已經(jīng)大量的使用了箭頭函數(shù),因?yàn)榧^函數(shù)真的很好用竟秫,我們來看一個(gè)最簡單的箭頭函數(shù)娃惯。也就是上邊我們寫的add函數(shù),進(jìn)行一個(gè)改變肥败,寫成箭頭函數(shù)趾浅。

{}的使用

在箭頭函數(shù)中,方法體內(nèi)如果是兩句話馒稍,那就需要在方法體外邊加上{}括號皿哨。例如下邊的代碼就必須使用{}.

var add =(a,b=1) => {
    console.log('music')
    return a+b;
};
console.log(add(1));

箭頭函數(shù)中不可加new,也就是說箭頭函數(shù)不能當(dāng)構(gòu)造函數(shù)進(jìn)行使用筷黔。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末往史,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子佛舱,更是在濱河造成了極大的恐慌椎例,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,561評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件请祖,死亡現(xiàn)場離奇詭異订歪,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)肆捕,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,218評論 3 385
  • 文/潘曉璐 我一進(jìn)店門刷晋,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人慎陵,你說我怎么就攤上這事眼虱。” “怎么了席纽?”我有些...
    開封第一講書人閱讀 157,162評論 0 348
  • 文/不壞的土叔 我叫張陵捏悬,是天一觀的道長。 經(jīng)常有香客問我润梯,道長过牙,這世上最難降的妖魔是什么甥厦? 我笑而不...
    開封第一講書人閱讀 56,470評論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮寇钉,結(jié)果婚禮上刀疙,老公的妹妹穿的比我還像新娘。我一直安慰自己扫倡,他們只是感情好谦秧,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,550評論 6 385
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著镊辕,像睡著了一般油够。 火紅的嫁衣襯著肌膚如雪蚁袭。 梳的紋絲不亂的頭發(fā)上征懈,一...
    開封第一講書人閱讀 49,806評論 1 290
  • 那天,我揣著相機(jī)與錄音揩悄,去河邊找鬼卖哎。 笑死,一個(gè)胖子當(dāng)著我的面吹牛删性,可吹牛的內(nèi)容都是我干的亏娜。 我是一名探鬼主播,決...
    沈念sama閱讀 38,951評論 3 407
  • 文/蒼蘭香墨 我猛地睜開眼蹬挺,長吁一口氣:“原來是場噩夢啊……” “哼维贺!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起巴帮,我...
    開封第一講書人閱讀 37,712評論 0 266
  • 序言:老撾萬榮一對情侶失蹤溯泣,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后榕茧,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體垃沦,經(jīng)...
    沈念sama閱讀 44,166評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,510評論 2 327
  • 正文 我和宋清朗相戀三年用押,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了肢簿。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,643評論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡蜻拨,死狀恐怖池充,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情缎讼,我是刑警寧澤收夸,帶...
    沈念sama閱讀 34,306評論 4 330
  • 正文 年R本政府宣布,位于F島的核電站休涤,受9級特大地震影響咱圆,放射性物質(zhì)發(fā)生泄漏笛辟。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,930評論 3 313
  • 文/蒙蒙 一序苏、第九天 我趴在偏房一處隱蔽的房頂上張望手幢。 院中可真熱鬧,春花似錦忱详、人聲如沸围来。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,745評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽监透。三九已至,卻和暖如春航唆,著一層夾襖步出監(jiān)牢的瞬間胀蛮,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,983評論 1 266
  • 我被黑心中介騙來泰國打工糯钙, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留粪狼,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,351評論 2 360
  • 正文 我出身青樓任岸,卻偏偏與公主長得像再榄,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子享潜,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,509評論 2 348

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

  • 函數(shù)參數(shù)的默認(rèn)值 基本用法 在ES6之前困鸥,不能直接為函數(shù)的參數(shù)指定默認(rèn)值,只能采用變通的方法剑按。 上面代碼檢查函數(shù)l...
    呼呼哥閱讀 3,363評論 0 1
  • 函數(shù)參數(shù)的默認(rèn)值 基本用法 在ES6之前疾就,不能直接為函數(shù)的參數(shù)指定默認(rèn)值,只能采用變通的方法吕座。 上面代碼檢查函數(shù)l...
    陳老板_閱讀 447評論 0 1
  • 函數(shù)和對象 1虐译、函數(shù) 1.1 函數(shù)概述 函數(shù)對于任何一門語言來說都是核心的概念。通過函數(shù)可以封裝任意多條語句吴趴,而且...
    道無虛閱讀 4,550評論 0 5
  • 一漆诽、函數(shù)參數(shù)的默認(rèn)值 1.1、基本用法 ES6 允許為函數(shù)的參數(shù)設(shè)置默認(rèn)值锣枝,直接寫在參數(shù)定義的后面 ES6 的寫法...
    了凡和纖風(fēng)閱讀 275評論 0 0
  • 這本書其實(shí)并不算專業(yè)書撇叁,這是一本雜文隨筆供鸠,內(nèi)容涉及到多個(gè)方面。國學(xué)陨闹、思維楞捂、宗教薄坏、民族主義、科學(xué)寨闹、倫理等問題胶坠,還...
    17級劉小琴閱讀 403評論 0 0