ES6的学习(1)

ES6

变量声明

let变量声明

1. let声明和 var 声明变量差不多
2. 在一对大{} 里面起作用
3. 不能重复声明,如果重复声明控制台会提示语法错误(SyntaxError)
4. 不会变量提升
5. 变量提升：用var 声明变量 ，变量的使用在变量声明前 默认值是undefined

const声明常量

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

数组解构

1. 交换变量

    <script>
        var a = 3,b = 6;
        [a,b] = [b,a];
        console.log(a,b);
    </script>

2. 剩余值

    <script>    
                var arr = [1,3,5,7,9,13,23,37];
        var [a,b,...rest] =arr;
        console.log(arr);
        console.log(a,b,rest);
    </script>    

3. 跳过(加入逗号为跳过元素)

    <script>    
                var arr = [1,3,5,7,9,13,23,37];
        var [a,,,b,...rest] =arr;
        console.log(arr);
        console.log(a,b,rest);
    </script>   

4. 默认值

    <script>
        var arr = [1,3,6];
        let [a,b,c,d=10] = arr;
        // d的默认值为10,原数组中没有d使用默认值,有则使用原数组中的值
        console.log(a,b,c,d);
    </script>

对象解构

对象简写

1. 对象解构
2. 动态属性

字符串模板

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

 数组高阶方法

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

箭头函数

箭头函数是函数的简写方式
1. 基本写法:=> 前面是函数参数   =>后面是返回值也是执行语句
2. 省略function 关键字 return 关键字
3. 多个参数 或者没有 都用括号包起来
4. 执行语句有多个的时候 用{}包括起来
5. 头函数this 指的是函数上一层的this

函数

1. 默认参数
2. 不定参 参数不确定
3. 拓展参数 把数组展开当参数

    metting(...arr1)

4. 最大值,最小值

    <script> 
                var arr=[15,20,30,31,89,120,33] 
        var max = Math.max(...arr);
        var min = Math.min(...arr);
        console.log(("最大值:"+max),("最小值:"+min));
    </script>