ES6学习——rest参数，扩展运算符

一.rest参数

ES6引入rest参数，用于获取函数的实参，用来代替arguments.
ES5获取实参的方法

function date() {
        console.log(arguments);   //对象
         }
         date('白芷','阿娇')   

rest参数

 function date(...args){
            console.log(args);  //数组就尅使用数组方法（filter some every map）
        }
        date('阿娇','白芷')
        //rest参数必须放到参数最后
        function fn(a,b,...args){
            console.log(a);
            console.log(b);
            console.log(args);
        }
        fn(1,2,4,5,6)

二.扩展运算符

[…]扩展运算符能将[数组]转换为逗号分割的[参数序列]

  //声明一个数组
        const R1SE=['周震南','何洛洛','焉栩嘉'];//  =>'周震南','何洛洛','焉栩嘉'
        //声明一个函数
        function PER() {
            console.log(arguments);
        }
        PER(R1SE)   //arguments(1)  length(1) object
        PER(...R1SE)   //arguments(3)   length(3) object

扩展运算符实例
1.数组的合并
ES5

  const Z=['王昭君','妲己']
        const B=['程咬金','廉颇']
         const HERO=Z.concat(B);
         console.log(HERO);

ES6数组合并

 const Z=['王昭君','妲己']
  const B=['程咬金','廉颇']
  const HERO=[...Z,...B];
   console.log(HERO);

ES6数组克隆

 const A=['E','D','G'];
 const C=[...A]
 console.log(C); // ['E','D','G'];

将伪数组转换为真正的数组

 const divs=document.querySelectorAll('div');
  console.log(divs);  //伪数组
  const divARR=[...divs];  //数组
  console.log(divARR);  //arguments

注：复习meta元素标签常见作用

 <meta charset="UTF-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">

meta元数据（Metadata）是数据的数据信息；
meta标签提供了HTML文档的元数据，元数据不会显示在客户端，但是会被浏览器解析
1.meta charset,meta元素是一个字符集声明，告诉文档使用了哪种字符编码
2.meta http-equiv属性，meta元素是编译指令，提供的信息与类似命名的HTTP头部形同
http-equiv=“X-UA-Compatible” ：则content属性必须具有值‘IE=edge’
3.meta name属性，meta元素提供的是文档级别的元数据，应用于整个页面
width=device-width 设置页面宽度跟随设备屏幕宽度
initial-scale=1.0 设置页面的初始缩放比，范围[0.0-10.0]