es6新特性展开操作符“···”

展开操作符

展开操作符：“…”允许一个表达式在某处展开，在存在多个参数（用于函数调用），多个元素（用于数组字面量）或者多个变量（用于解构赋值）的地方就会出现这种情况。

• 用于函数调用

如果在之前的js中想让一个函数把一个数组一次作为参数进行调用时：

function test （x，y，z）{};
var args =[1,2,3];
test.apply(null,args);

使用“···”时：

var args =[1,2,3];
test.apply(null,args);
test（...args）；

• 用于数组字面量

var arr1=[1,2,3];
var arr2=[4,5,6];
var arr3 =arr1.concat(arr2);
console.log(arr3);

使用“…”时

let arr1=[1,2,3];
let arr2=[4,5,6];
let arr3 =[...arr1,···arr2]；
console.log(arr3);

对象的展开运算符

let vivian = {name: 'vivian' , age:20};
vivian ={...vivian,sex:'female'};
console.log(vivian);
//[object object]{
//	age:20,
//	name:'vivian',
//	sex: 'female'
//}