es6的函数参数详解...args

普通函数和箭头函数都能传入...args参数  将传入的参数变为一个数组

        function fn01(...args) {//将实参列表变成一个数组传进来
            console.log(args);

        }
        fn01(12, 3, 4, 3, 45, 43, 5)

        let fn02 = (...args) => {
            console.log(args);

        }
        fn02(345, 4, 6546, 6, 5, 7, 65)

调用函数时传入...+一个数组   能将这个实参变为逗号分隔的多个参数！！！而不是仅仅一个数组！！！！！！

        function fn03() {
            console.log(arguments);

        }
        //以下传入的是一个数组
        fn03(['paprika', 'firefox', 'white white'])
        //以下传入的是三个参数！！！！！！！
        fn03(...['paprika', 'firefox', 'white white'])

事实上  '...'+一个数组就是将数组变成多个分开的常量！！
...[213,24,3,543543]  就相当于  213,24 ,3,543543

所以 

const a = [...[123,56,34],...[765,543,32]]
//相当于concat函数的作用  将两个数组连接起来！！！！

 

 

'...'甚至能将伪数组也变成逗号相隔的形式 

如下：

有三个div  querySelectorAll()得到三个值的伪数组   NodeList(3)

而通过...divs  能将伪数组转为真数组！！！