Rest 參數(shù)

通常，我們需要?jiǎng)?chuàng)建一個(gè)可變參數(shù)的函數(shù)，可變參數(shù)是指函數(shù)可以接受任意數(shù)量的參數(shù)。例如，String.prototype.concat 可以接受任何數(shù)量的字符串作為參數(shù)。使用 Rest 參數(shù)，ES6 為我們提供一種新的方式來(lái)創(chuàng)建可變參數(shù)的函數(shù)。

我們來(lái)實(shí)現(xiàn)一個(gè)示例函數(shù) containsAll，用于檢查一個(gè)字符串中是否包含某些子字符串。例如，containsAll("banana", "b", "nan") 將返回true，containsAll("banana", "c", "nan") 將返回 false。

下面是傳統(tǒng)的實(shí)現(xiàn)方式

function containsAll(haystack) {  for (var i = 1; i < arguments.length; i++) {  var needle = arguments[i];  if (haystack.indexOf(needle) === -1) {   return false;  }  }  return true; }   function containsAll(haystack) {  for (var i = 1; i < arguments.length; i++) {  var needle = arguments[i];  if (haystack.indexOf(needle) === -1) {   return false;  }  }  return true; } 

該實(shí)現(xiàn)用到了 arguments 對(duì)象，該對(duì)象是一個(gè)類(lèi)數(shù)組對(duì)象，包含函數(shù)被調(diào)用時(shí)的實(shí)參列表。這段代碼正是我們想要的，但其可讀性卻不是最優(yōu)的。函數(shù)只有一個(gè)形參 haystack，所以不可能一看就知道該函數(shù)需要多個(gè)參數(shù)，并且在遍歷 arguments 時(shí)，需要特別注意遍歷的開(kāi)始索引為1 ，而不是常見(jiàn)的 0，因?yàn)?arguments[0] 就是函數(shù)定義時(shí)的形參 haystack。如果我們想在 haystack 參數(shù)之前或之后添加一些參數(shù)，我們不得不更新內(nèi)部的循環(huán)。Rest 參數(shù)解決了這些問(wèn)題，下面是使用 Rest 參數(shù)的實(shí)現(xiàn)方式：

function containsAll(haystack, ...needles) {  for (var needle of needles) {  if (haystack.indexOf(needle) === -1) {   return false;  }  }  return true; }   function containsAll(haystack, ...needles) {  for (var needle of needles) {  if (haystack.indexOf(needle) === -1) {   return false;  }  }  return true; } 

以上兩個(gè)實(shí)現(xiàn)都滿足了我們的需求，但后者包含一個(gè)特殊的 ...needles 語(yǔ)法。我們來(lái)看看調(diào)用containsAll("banana", "b", "nan") 時(shí)的細(xì)節(jié)，參數(shù) haystack 和以往一樣，將用函數(shù)的第一個(gè)實(shí)參填充，值為 "banana"，needles 前面的省略號(hào)表示它是一個(gè) Rest 參數(shù)，剩余的所有實(shí)參將被放入一個(gè)數(shù)組中，并將該數(shù)組賦給 needles 遍量。在這個(gè)調(diào)用中，needles 的值為 ["b", "nan"]。然后，就是正常的函數(shù)執(zhí)行了。

只能將函數(shù)的最后一個(gè)函數(shù)作為 Rest 參數(shù)，在函數(shù)被調(diào)用時(shí)，Rest 參數(shù)之前的參數(shù)都將被正常填充，之外的參數(shù)將被放入一個(gè)數(shù)組中，并將該數(shù)組作為 Rest 參數(shù)的值，如果沒(méi)有更多的參數(shù)，那么 Rest 參數(shù)的值為一個(gè)空數(shù)組 []，Rest 參數(shù)的值永遠(yuǎn)都不會(huì)是 undefined。

參數(shù)的默認(rèn)值

通常，調(diào)用一個(gè)函數(shù)時(shí)，不需要調(diào)用者傳遞所有可能的參數(shù)，那些沒(méi)有傳遞的參數(shù)都需要一個(gè)合理的默認(rèn)值。JavaScript 對(duì)那些沒(méi)有傳遞的參數(shù)都有一個(gè)固定的默認(rèn)值 undefined。在 ES6 中，引入了一種新方法來(lái)指定任意參數(shù)的默認(rèn)值。

看下面例子：

function animalSentence(animals2="tigers", animals3="bears") {  return `Lions and ${animals2} and ${animals3}! Oh my!`; }   function animalSentence(animals2="tigers", animals3="bears") {  return `Lions and ${animals2} and ${animals3}! Oh my!`; } 

在每個(gè)參數(shù)的 = 后面是一個(gè)表達(dá)式，指定了參數(shù)未傳遞時(shí)的默認(rèn)值。所以，animalSentence() 返回 "Lions and tigers and bears! Oh my!"， animalSentence("elephants") 返回"Lions and elephants and bears! Oh my!"， animalSentence("elephants", "whales") 返回 "Lions and elephants and whales! Oh my!"。

參數(shù)默認(rèn)值需要注意的幾個(gè)細(xì)節(jié)：

與 Python 不一樣的是，參數(shù)默認(rèn)值的表達(dá)式是在函數(shù)調(diào)用時(shí)從左到右計(jì)算的，這意味著表達(dá)式可以使用前面已經(jīng)被填充的參數(shù)。例如，我們可以將上面的函數(shù)變得更有趣一點(diǎn)：

function animalSentenceFancy(animals2="tigers",  animals3=(animals2 == "bears") ? "sealions" : "bears") {  return `Lions and ${animals2} and ${animals3}! Oh my!`; }    function animalSentenceFancy(animals2="tigers",  animals3=(animals2 == "bears") ? "sealions" : "bears") {  return `Lions and ${animals2} and ${animals3}! Oh my!`; } 

那么，animalSentenceFancy("bears") 將返回 "Lions and bears and sealions. Oh my!"。

傳遞 undefined 等同于沒(méi)有傳遞該參數(shù)。因此，animalSentence(undefined, "unicorns") 將返回 "Lions and tigers and unicorns! Oh my!"。

如果沒(méi)有為一個(gè)參數(shù)指定默認(rèn)值，那么該參數(shù)的默認(rèn)值為 undefined，所以

等同于

拋棄 arguments

通過(guò) Rest 參數(shù)和參數(shù)的默認(rèn)值，我們可以完全拋棄 arguments 對(duì)象，使我們的代碼可讀性更高。此外，arguments 對(duì)象也加深了優(yōu)化 JavaScript 的難題。

希望以上兩個(gè)新特性可以完全取代 arguments。作為第一步，在使用 Rest 參數(shù)或參數(shù)的默認(rèn)值時(shí)，請(qǐng)避免使用 arguments 對(duì)象，假如 arguments 對(duì)象還不會(huì)立即被移除，或者永遠(yuǎn)不會(huì)，那么也最好是避免在使用 Rest 參數(shù)或參數(shù)默認(rèn)值時(shí)使用 arguments 對(duì)象。

兼容性

Firefox 15 以上的版本已經(jīng)支持這兩個(gè)新特性。然而，除此之外，還沒(méi)有其他任何瀏覽器支持。最近，V8 的實(shí)驗(yàn)環(huán)境添加了對(duì) Rest 參數(shù)的支持，而參數(shù)默認(rèn)值還有一個(gè) issue，JSC 也對(duì) Rest 參數(shù)和參數(shù)默認(rèn)值提了一些 issue。

Babel 和 Traceur 這兩個(gè)編譯器都已經(jīng)支持了參數(shù)默認(rèn)值，所以你可以大膽使用。

結(jié)論

盡管從技術(shù)層面上看，這兩個(gè)新特性在并沒(méi)有給函數(shù)引入新的行為，但它們可以使一些函數(shù)的聲明更具表現(xiàn)力和可讀性。

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助。