函數(shù)的擴(kuò)展

1植阴、箭頭函數(shù)

ES6 允許使用箭頭函數(shù)捧搞。

var f = v => v;

// 等同于
var f = function (v) {
  return v;
};

如果箭頭函數(shù)不需要參數(shù)或需要多個(gè)參數(shù),就使用一個(gè)圓括號(hào)代表參數(shù)部分健民。

var f = () => 5;
// 等同于
var f = function () { return 5 };

var sum = (num1, num2) => num1 + num2;
// 等同于
var sum = function(num1, num2) {
  return num1 + num2;
};

使用注意點(diǎn):

1抒巢,函數(shù)體內(nèi)的this對(duì)象,就是定義時(shí)所在的對(duì)象秉犹,而不是使用時(shí)所在的對(duì)象蛉谜。
2,不可以當(dāng)作構(gòu)造函數(shù)崇堵,也就是說型诚,不可以使用new命令,否則會(huì)拋出一個(gè)錯(cuò)誤鸳劳。
3狰贯,不可以使用arguments對(duì)象,該對(duì)象在函數(shù)體內(nèi)不存在赏廓。如果要用涵紊,可以用 rest 參數(shù)代替。
4楚昭,不可以使用yield命令,因此箭頭函數(shù)不能用作 Generator 函數(shù)拍顷。
上面四點(diǎn)中抚太,第一點(diǎn)尤其值得注意。this對(duì)象的指向是可變的昔案,但是在箭頭函數(shù)中尿贫,它是固定的。

function foo() {
  setTimeout(() => {
    console.log('id:', this.id);
  }, 100);
}

var id = 21;

foo.call({ id: 42 });
// id: 42

上面代碼中踏揣,setTimeout的參數(shù)是一個(gè)箭頭函數(shù)庆亡,這個(gè)箭頭函數(shù)的定義生效是在foo函數(shù)生成時(shí),而它的真正執(zhí)行要等到 100 毫秒后捞稿。如果是普通函數(shù)又谋,執(zhí)行時(shí)this應(yīng)該指向全局對(duì)象window,這時(shí)應(yīng)該輸出21娱局。但是彰亥,箭頭函數(shù)導(dǎo)致this總是指向函數(shù)定義生效時(shí)所在的對(duì)象(本例是{id: 42}),所以輸出的是42衰齐。
箭頭函數(shù)可以讓setTimeout里面的this任斋,綁定定義時(shí)所在的作用域,而不是指向運(yùn)行時(shí)所在的作用域.

不實(shí)用的場景

由于箭頭函數(shù)使得this從“動(dòng)態(tài)”變成“靜態(tài)”耻涛,下面兩個(gè)場合不應(yīng)該使用箭頭函數(shù)废酷。
第一個(gè)場合是定義函數(shù)的方法瘟檩,且該方法內(nèi)部包括this。

const cat = {
  lives: 9,
  jumps: () => {
    this.lives--;
  }
}

上面代碼中澈蟆,cat.jumps()方法是一個(gè)箭頭函數(shù)墨辛,這是錯(cuò)誤的。調(diào)用cat.jumps()時(shí)丰介,如果是普通函數(shù)背蟆,該方法內(nèi)部的this指向cat;如果寫成上面那樣的箭頭函數(shù)哮幢,使得this指向全局對(duì)象带膀,因此不會(huì)得到預(yù)期結(jié)果。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末橙垢,一起剝皮案震驚了整個(gè)濱河市垛叨,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌柜某,老刑警劉巖嗽元,帶你破解...
    沈念sama閱讀 217,084評(píng)論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異喂击,居然都是意外死亡剂癌,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,623評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門翰绊,熙熙樓的掌柜王于貴愁眉苦臉地迎上來佩谷,“玉大人,你說我怎么就攤上這事监嗜⌒程矗” “怎么了?”我有些...
    開封第一講書人閱讀 163,450評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵裁奇,是天一觀的道長桐猬。 經(jīng)常有香客問我,道長刽肠,這世上最難降的妖魔是什么溃肪? 我笑而不...
    開封第一講書人閱讀 58,322評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮音五,結(jié)果婚禮上乍惊,老公的妹妹穿的比我還像新娘。我一直安慰自己放仗,他們只是感情好润绎,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,370評(píng)論 6 390
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般莉撇。 火紅的嫁衣襯著肌膚如雪江掩。 梳的紋絲不亂的頭發(fā)上蛮瞄,一...
    開封第一講書人閱讀 51,274評(píng)論 1 300
  • 那天灶体,我揣著相機(jī)與錄音鲫剿,去河邊找鬼。 笑死涂佃,一個(gè)胖子當(dāng)著我的面吹牛励翼,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播辜荠,決...
    沈念sama閱讀 40,126評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼汽抚,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了伯病?” 一聲冷哼從身側(cè)響起造烁,我...
    開封第一講書人閱讀 38,980評(píng)論 0 275
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎午笛,沒想到半個(gè)月后惭蟋,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,414評(píng)論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡药磺,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,599評(píng)論 3 334
  • 正文 我和宋清朗相戀三年告组,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片癌佩。...
    茶點(diǎn)故事閱讀 39,773評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡木缝,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出驼卖,到底是詐尸還是另有隱情氨肌,我是刑警寧澤鸿秆,帶...
    沈念sama閱讀 35,470評(píng)論 5 344
  • 正文 年R本政府宣布酌畜,位于F島的核電站,受9級(jí)特大地震影響卿叽,放射性物質(zhì)發(fā)生泄漏桥胞。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,080評(píng)論 3 327
  • 文/蒙蒙 一考婴、第九天 我趴在偏房一處隱蔽的房頂上張望贩虾。 院中可真熱鬧,春花似錦沥阱、人聲如沸缎罢。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,713評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽策精。三九已至舰始,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間咽袜,已是汗流浹背丸卷。 一陣腳步聲響...
    開封第一講書人閱讀 32,852評(píng)論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留询刹,地道東北人谜嫉。 一個(gè)月前我還...
    沈念sama閱讀 47,865評(píng)論 2 370
  • 正文 我出身青樓,卻偏偏與公主長得像凹联,于是被迫代替她去往敵國和親沐兰。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,689評(píng)論 2 354

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

  • 函數(shù)參數(shù)的默認(rèn)值 基本用法 在ES6之前匕垫,不能直接為函數(shù)的參數(shù)指定默認(rèn)值僧鲁,只能采用變通的方法。 上面代碼檢查函數(shù)l...
    陳老板_閱讀 449評(píng)論 0 1
  • 函數(shù)參數(shù)的默認(rèn)值 基本用法 在ES6之前象泵,不能直接為函數(shù)的參數(shù)指定默認(rèn)值寞秃,只能采用變通的方法。 上面代碼檢查函數(shù)l...
    呼呼哥閱讀 3,384評(píng)論 0 1
  • 函數(shù)參數(shù)的默認(rèn)值 ES6 之前偶惠,不能直接為函數(shù)的參數(shù)指定默認(rèn)值春寿,只能采用變通的方法 上面代碼檢查函數(shù)log的參數(shù)y...
    無跡落花閱讀 194評(píng)論 0 1
  • 函數(shù)參數(shù)的默認(rèn)值 ES6 允許為函數(shù)的參數(shù)設(shè)置默認(rèn)值,即直接寫在參數(shù)定義的后面忽孽。 參數(shù)變量是默認(rèn)聲明的绑改,所以不能用...
    yujiawei007閱讀 84評(píng)論 0 0
  • 1.函數(shù)參數(shù)的默認(rèn)值 基本用法 ES6 之前,不能直接為函數(shù)的參數(shù)指定默認(rèn)值兄一,只能采用變通的方法厘线。 functio...
    Masami_9e88閱讀 492評(píng)論 0 0