ES6 rest参数和扩展运算符

Posted 消逝的绵羔

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ES6 rest参数和扩展运算符相关的知识,希望对你有一定的参考价值。

 

rest参数

ES6引入了rest参数(形式为“…变量名”)。其中rest参数搭配的变量是一个数组可以使用数组的一切操作。

例:

function rest(...values){
    let sum=0;
    for(var val of values){
        sum+=val;
    }
    return sum;
}
add(1,2,3)//6

值得注意的是rest参数之后不能再有其他参数(只能是最后一个参数)否则会报错。

例:

function rest(a,...b,c){
}//报错

函数的length属性不包括rest参数。

(function(...a){}).length  //0

 

 

扩展运算符

例:

console.log(1,...[2,3,4],5) //1 2 3 4 5 

可以替代apply方法:

Math.max.apply(null,[14,3,7])   //ES5写法
Math.max(...[14,3,7]) //ES6写法

用于合并数组:

[1,2].concat(more) //ES5
[1,2, ...more] //ES6

与解构赋值结合:

let [first,...rest]=[1,2,3,4,5];
first //1
rest  //[2,3,4,5]

如果将扩展运算符用于数组复制,只能放在参数最后一位,否则会报错

[...rest,last]=[1,2,3,4,5]
//报错

 

以上是关于ES6 rest参数和扩展运算符的主要内容,如果未能解决你的问题,请参考以下文章

ES6的扩展运算符和rest参数

ES6箭头函数rest参数扩展运算符Symbol的使用

ES6数组扩展运算符(Rest+Spread)类方法原型方法

☀️Rest参数和扩展运算符

☀️Rest参数和扩展运算符

☀️Rest参数和扩展运算符