ES6必知，速看！(1)

那些程序员必须知道的ES6知识，快来看看你都会吗？

ECMAScript 6 目前基本成为业界标准，它的普及速度比 ES5 要快很多，主要原因是现代浏览器对 ES6 的支持相当迅速，尤其是 Chrome 和 Firefox 浏览器，已经支持 ES6 中绝大多数的特性。

1 变量声明

let和const都是局部作用域

(1) let

let声明和var声明变量差不多，不同点在于：
1.在一对大{}里面起作用
2.不能重复声明
3.不会变量提升
4.变量提升：用var声明变量，变量的使用在变量声明前，默认值是undefined
这里就有一道很经典的题目，要求是：点击li,获取该li的下标。

<ul>
        <li>列表第1行</li>
        <li>列表第2行</li>
        <li>列表第3行</li>
        <li>列表第4行</li>
        <li>列表第5行</li>
</ul>
<script>
        var lis = document.querySelectorAll("ul li");
        for (let i = 0; i < lis.length; i++) {
            function(i) {
                lis[i].onclick = function() {
                    alert(i);
                }
            }
        }
    </script> 

如果是你，你会怎么做呢？

(2) const

const和var声明变量也差不多，不同点在于：
1.通常用来声明常量的 建议大写
2.声明必须赋值
3.声明后不能修改(复杂数据可以修改 数组)

2 数组解构

1.交换变量
2.剩余值
3.跳过
4.默认值

3 对象解构

1.对象简写
2.对象解构
3.动态属性

4 字符串模板

字符串模板 能让再变量和字符串混合在一起书写
1.所用的模板 ``
2.遇到变量用 ${变量值}
3.repeat（n）重复几次n就是几

<script type="text/javascript">
    var str = "我爱你！";
    console.log(str.repeat(100));
</script>

5 数组高阶方法

1.遍历数组 forEach
2.映射数组 map
通过现有的数据反射出来新的数据一一对应
3.过滤 filter
现有数组通过一定的规则过滤出新的数组
返回true 保留 false 不保留

6 箭头函数

箭头函数是函数的简写方式
1.基本写法
=> 前面是函数参数
=>后面是返回值也是执行语句
省略function 关键字 return 关键字

var fun = function(){
             return{name:"hjl",age:"22"}
         }
var fun2 = ()=>({name:"hjl",age:"22"})

2.多个参数 或者没有 都用括号包起来
3.执行语句有多个的时候 用{}包括起来
4.箭头函数this 指的是函数上一层的this

函数

1.默认参数
2.不定参 参数不确定

function add(...arg){
 ...
}

3.拓展参数 把数组展开当参数

 metting(...arr1)

4.最大值

max（...arg）