JavaScript学习系列4 ----- JavaScript中的扩展运算符 三个点(...)

在JavaScript中， ES6开始有rest参数 和 三个点扩展运算符 (spread运算符)

我们来看看他们各自的用处

1. rest参数

rest参数的形式为 ...变量名           用于获取函数调用时传入的参数.  顾名思义, rest参数表示的是除了明确指定的参数外，剩下的参数的集合， 它的类型是Array

 举个例子如下

function restFunc(...args)
{
       return args.length;
}

restFunc('This','is','rest','test'); // 输出4 参数的个数为4

我们再来看一个例子

function restFunc(firstArgs,...restArgs)
{
     console.log(Array.isArray(restArgs));  

     console.log(firstArgs,restArgs);  
      
}

restFunc(5,6,7,8,9);

输出结果
true
5,[6,7,8,9]

 

 

 

 

2. spread运算符 ...

扩展运算符 ...可以用于 数组的构造，也可以用于调用函数时，将一个数组用作函数参数（就是把这个数组转化为参数的列表，所以也就成了一个函数的参数）

我们来看几个例子，更直观的来表示它

例子1  构造数组

 

var  arr1 = [1,3,5];
var  arr2 = [2,4,6];


[...arr1,...arr2]  // 输出 [1,3,5,2,4,6]

 例子2  将一个数组用作函数参数  我们还是来看一个例子

 

function testFunc(x,y,z)
{
    return x + y + z;
}

var args = [1,2,3];

testFunc(...args);  //输出 6