ES6-Rest参数和扩展运算符

2019-01-28  本文已影响0人  IvyAutumn

翻看ES6代码,很多时候都会看到三个点(...)的存在,它在ES6语法中,有两种应用形式,分别为函数中的rest参数,以及扩展运算符

1.Rest参数

Rest参数接受函数的多余参数,组成一个数组,放在形参的最后,形式如下:

function func(a, b, ...theArgs){
    //...
}

注意:

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

2.扩展运算符

Rest参数可以被解构(通俗一点,将rest参数的数据解析后一一对应)不要忘记参数用[]括起来,因为它是数组

let arr = [4, 8];
console.log(...arr); //4,8

let arr1 = [4, 8];
let arr2 = [1, 3];
[...arr1, ...arr2];//实现了数组的合并

var [x, ...y] = [4, 8, 1, 2]; //y=[8, 1, 2]

 let xy = [...'abc']; //xy=["a","b","c"] 实现了对字符串进行拆解
function f(...[a, b, c]) {
    return a+b+c;
}
上一篇 下一篇

猜你喜欢

热点阅读