ES6对象扩展运算符以及rest运算符

1、对象扩展运算符（...）

使用方式如下：（在传入的参数不确定的情况下）

function es6(...args){
    console.log(args[0]);
    console.log(args[1]);
    console.log(args[2]);
    console.log(args[3]);
}
es6(1,2,3);    //1,2,3,undefined

即使是引用多了也不会报错，而原先的写法：

function es6(a,b,c){
    console.log(a);
    console.log(b);
    console.log(c);
    console.log(d);
}
es6(1,2,3);    //1,2,3, ReferenceError: d is not defined

一旦使用了一个不存在的参数就会报错
对象扩展运算符的使用例子：

let arr1 = ['1','2','3'];
let arr2 = arr1;
console.log('arr2:' + arr2);      //arr2:1,2,3
arr2.push('4');
console.log('arr1:' + arr1);      //arr1:1,2,3,4

arr2的值改变时，arr1的值也随之改变了（因为赋值时传的时数组的引用地址，两者共用同一块内存空间），这时候，如果使用对象扩展运算符进行赋值，就可以很好的解决该问题

let arr1 = ['1','2','3'];
let arr2 = [...arr1];
console.log('arr2:' + arr2);    //arr2:1,2,3
arr2.push('4');
console.log('arr2:' + arr2);    //arr2:1,2,3,4
console.log('arr1:' + arr1);    //arr1:1,2,3

2、rest运算符

rest运算符与对象扩展运算符类似，也是用...来表示：

function es6(first,...args){
    console.log(args.length);
}
es6(1,2,3,4,5);    //4

而如果rest运算符放在别的形参的前面将会报错：

function es6(...args,first){
    console.log(args.length);
}
es6(1,2,3,4,5);    //Rest parameter must be last formal parameter

补充：

对数组的循环可以使用for of 循环，使用格式如下：

let arr = [1,2,3,4,5];
for(let item of arr){
    console.log(item);
}
//1,2,3,4,5

//而不用再像以前一样
//for(let i = 0; i < arr.length; i++){
//    console.log(arr[i]);
//}