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]