ES6中的Rest参数和默认参数

ES6中的Rest参数和默认参数

Rest参数

一个例子

编写一个函数, 用来判断, 某个字符串中, 是否其他的字符串,

如果第一参数以后的字符串, 都包含在第一参数中, 都包含在, 就返回true

如果后面参数中的字符串, 有一个不在第一参数中, 返回false

containsAll("banana", "b", "nan") 将返回true，

containsAll("banana", "c", "nan") 将返回 false。

var res = containsAll("banana", "a", "nan")
console.log(res)

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

使用rest参数实现

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

...表示了needles是一个rest对象, 剩余的所有实参都放到needles这个参数中

只能将函数的最后一个参数作为Rest参数

Rest参数之前的参数正常填充, 如果不够的话, Rest参数是一个[]

绝对不会是undefiend

参数的默认值

可以直接在参数后面命名赋值默认值

function testFunc(one="aaa", two="bbb") {
return `this is a ${one} and ${two}`
}
console.log(testFunc())

参数的默认值从左向右计算, 意味着, 后面的默认值可以调用前面的已经填充玩的参数

function testFunc(one="aaa", two=(one === "aaa" ? "yes" : "no")) {
return `this is a ${one} and ${two}`
}
console.log(testFunc())

传递undeifend, 等同于没有传递改参数

// 两周情况是完全相同的
function func(a=11, b) {
// ...
}
function func(a=11, b=undefined) {
// ...
}

兼容性

属于ES6语法, 使用babel进行压缩处理即可.

改天还应该写写关于处理ES6的兼容性的方法.

感谢作者

原文出处: https://hacks.mozilla.org/2015/05/es6-in-depth-rest-parameters-and-defaults/
译文出处: http://bubkoo.com/2015/06/27/es6-in-depth-rest-parameters-and-defaults/