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

利用參數(shù)默認(rèn)值,可以指定某一個參數(shù)不得省略覆山,如果省略就拋出一個錯誤竹伸。

function throwIfMissing() {
  throw new Error('Missing parameter');
}

function foo(mustBeProvided = throwIfMissing()) {
  return mustBeProvided;
}

foo()
// Error: Missing parameter

上面代碼的foo函數(shù),如果調(diào)用的時候沒有參數(shù)簇宽,就會調(diào)用默認(rèn)值throwIfMissing函數(shù)勋篓,從而拋出一個錯誤吧享。

從上面代碼還可以看到,參數(shù)mustBeProvided的默認(rèn)值等于throwIfMissing函數(shù)的運行結(jié)果(注意函數(shù)名throwIfMissing之后有一對圓括號)譬嚣,這表明參數(shù)的默認(rèn)值不是在定義時執(zhí)行钢颂,而是在運行時執(zhí)行。如果參數(shù)已經(jīng)賦值拜银,默認(rèn)值中的函數(shù)就不會運行殊鞭。

另外,可以將參數(shù)默認(rèn)值設(shè)為undefined盐股,表明這個參數(shù)是可以省略的钱豁。

function foo(optional = undefined) { ··· }

rest參數(shù)

ES6 引入rest 參數(shù)(形式為...變量名),用于獲取函數(shù)的多余參數(shù)疯汁,這樣就不需要使用arguments對象了。rest參數(shù)搭配的變量是一個數(shù)組卵酪,該變量將多余的參數(shù)放入數(shù)組中幌蚊。

function add(...values) {
  let sum = 0;

  for (var val of values) {
    sum += val;
  }

  return sum;
}


add(2, 5, 3) // 10

下面代碼的兩種寫法,比較后可以發(fā)現(xiàn)溃卡,rest 參數(shù)的寫法更自然也更簡潔溢豆。
arguments對象不是數(shù)組,而是一個類似數(shù)組的對象瘸羡。所以為了使用數(shù)組的方法漩仙,必須使用Array.prototype.slice.call先將其轉(zhuǎn)為數(shù)組。rest 參數(shù)就不存在這個問題犹赖,它就是一個真正的數(shù)組队他,數(shù)組特有的方法都可以使用。

// arguments變量的寫法
function sortNumbers() {
  return Array.prototype.slice.call(arguments).sort();
}

// rest參數(shù)的寫法
const sortNumbers = (...numbers) => numbers.sort();

下面是一個利用 rest 參數(shù)改寫數(shù)組push方法的例子峻村。

function push(array, ...items) {
  items.forEach(function(item) {
    array.push(item);
    console.log(item);
  });
}

var a = [];
push(a, 1, 2, 3)

注意麸折,rest 參數(shù)之后不能再有其他參數(shù)(即只能是最后一個參數(shù)),否則會報錯粘昨。

// 報錯
function f(a, ...b, c) {
  // ...
}

函數(shù)的length屬性垢啼,不包括 rest 參數(shù)。

(function(a) {}).length  // 1
(function(...a) {}).length  // 0
(function(a, ...b) {}).length  // 1

嚴(yán)格模式

ES5 開始张肾,函數(shù)內(nèi)部可以設(shè)定為嚴(yán)格模式芭析。ES2016 做了一點修改,規(guī)定只要函數(shù)參數(shù)使用了默認(rèn)值吞瞪、解構(gòu)賦值馁启、或者擴(kuò)展運算符,那么函數(shù)內(nèi)部就不能顯式設(shè)定為嚴(yán)格模式尸饺,否則會報錯进统。

// 報錯
function doSomething(a, b = a) {
  'use strict';
  // code
}

// 報錯
const doSomething = function ({a, b}) {
  'use strict';
  // code
};

// 報錯
const doSomething = (...a) => {
  'use strict';
  // code
};

const obj = {
  // 報錯
  doSomething({a, b}) {
    'use strict';
    // code
  }
};

name 屬性

函數(shù)的name屬性助币,返回該函數(shù)的函數(shù)名。

function foo() {}
foo.name // "foo"
var f = function () {};

// ES5
f.name // ""

// ES6
f.name // "f"
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末螟碎,一起剝皮案震驚了整個濱河市眉菱,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌掉分,老刑警劉巖俭缓,帶你破解...
    沈念sama閱讀 222,252評論 6 516
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異酥郭,居然都是意外死亡华坦,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,886評論 3 399
  • 文/潘曉璐 我一進(jìn)店門不从,熙熙樓的掌柜王于貴愁眉苦臉地迎上來惜姐,“玉大人,你說我怎么就攤上這事椿息〈踉” “怎么了?”我有些...
    開封第一講書人閱讀 168,814評論 0 361
  • 文/不壞的土叔 我叫張陵寝优,是天一觀的道長条舔。 經(jīng)常有香客問我,道長乏矾,這世上最難降的妖魔是什么孟抗? 我笑而不...
    開封第一講書人閱讀 59,869評論 1 299
  • 正文 為了忘掉前任,我火速辦了婚禮钻心,結(jié)果婚禮上凄硼,老公的妹妹穿的比我還像新娘。我一直安慰自己扔役,他們只是感情好帆喇,可當(dāng)我...
    茶點故事閱讀 68,888評論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著亿胸,像睡著了一般坯钦。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上侈玄,一...
    開封第一講書人閱讀 52,475評論 1 312
  • 那天婉刀,我揣著相機(jī)與錄音,去河邊找鬼序仙。 笑死突颊,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播律秃,決...
    沈念sama閱讀 41,010評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼爬橡,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了棒动?” 一聲冷哼從身側(cè)響起糙申,我...
    開封第一講書人閱讀 39,924評論 0 277
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎船惨,沒想到半個月后柜裸,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,469評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡粱锐,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,552評論 3 342
  • 正文 我和宋清朗相戀三年疙挺,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片怜浅。...
    茶點故事閱讀 40,680評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡铐然,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出海雪,到底是詐尸還是另有隱情锦爵,我是刑警寧澤,帶...
    沈念sama閱讀 36,362評論 5 351
  • 正文 年R本政府宣布奥裸,位于F島的核電站,受9級特大地震影響沪袭,放射性物質(zhì)發(fā)生泄漏湾宙。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 42,037評論 3 335
  • 文/蒙蒙 一冈绊、第九天 我趴在偏房一處隱蔽的房頂上張望侠鳄。 院中可真熱鬧,春花似錦死宣、人聲如沸伟恶。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,519評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽博秫。三九已至,卻和暖如春眶掌,著一層夾襖步出監(jiān)牢的瞬間挡育,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,621評論 1 274
  • 我被黑心中介騙來泰國打工朴爬, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留即寒,地道東北人。 一個月前我還...
    沈念sama閱讀 49,099評論 3 378
  • 正文 我出身青樓,卻偏偏與公主長得像母赵,于是被迫代替她去往敵國和親逸爵。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,691評論 2 361

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

  • 函數(shù)參數(shù)的默認(rèn)值 基本用法 在ES6之前凹嘲,不能直接為函數(shù)的參數(shù)指定默認(rèn)值师倔,只能采用變通的方法。 上面代碼檢查函數(shù)l...
    陳老板_閱讀 449評論 0 1
  • 函數(shù)參數(shù)的默認(rèn)值 基本用法 在ES6之前施绎,不能直接為函數(shù)的參數(shù)指定默認(rèn)值溯革,只能采用變通的方法。 上面代碼檢查函數(shù)l...
    呼呼哥閱讀 3,402評論 0 1
  • 1谷醉、函數(shù)參數(shù)默認(rèn)值 2致稀、rest參數(shù) 3、嚴(yán)格模式 4俱尼、name屬性 5抖单、箭頭函數(shù) 6、雙冒號運算符 7遇八、尾調(diào)用優(yōu)...
    SunshineBrother閱讀 194評論 0 0
  • 函數(shù)和對象 1矛绘、函數(shù) 1.1 函數(shù)概述 函數(shù)對于任何一門語言來說都是核心的概念。通過函數(shù)可以封裝任意多條語句刃永,而且...
    道無虛閱讀 4,581評論 0 5