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

巴特西

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

最新文章

热门文章

巴特西

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

最新文章

热门文章

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