2020.11.22 ES6--11 rest【...args】参数获取实参，加入...args可以将参数变为数组 扩展运算符：能将数组转化为逗号分隔的 参数序列

ES 6–11

rest【…args】参数获取实参，加入…args可以将参数变为数组

es5中获取实参的方法：通过arguments参数

const person = ['邓柱', '石路', '于之超', '金兆伦'];

         function getName() {
        console.log(arguments);
      }
      getName(person);

得到的是一个对象arguments

ES6中通过rest获得实参

function getName(...args) {
            console.log(args);
        }
        getName('邓柱', '石路', '于之超', '金兆伦');

方法：在函数声明时加入…args

得到的是一个数组

、
、
、
、
、
、、
、
、
、

扩展运算符：能将数组转化为逗号分隔的 参数序列

当在调用数组时 没用扩展运算符时 得到的就是原来的函数：

const person = ['邓柱', '石路', '于之超', '金兆伦'];

        function getName() {
            console.log(arguments);
        }
        getName(person);

当加入了扩展运算符：…

 getName(...person);

数组由逗号处分隔开了

扩展运算符的应用

一、将数组合并

//一、将数组合并
        const classroom = ['1', '2', '3'];
        const classRoom = ['4', '5', '6']
        console.log(...classRoom, ...classroom); //是将两个数组都从逗号处分开在合并

二、 将伪数组转化为真正的数组

 const divs = document.querySelectorAll('div');
        console.log(divs); //divs其实是对象
        const divsArr = [...divs];
        console.log(divsArr); //转化为了数组