ES6的学习(1)

74 阅读2分钟

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>
  1. 剩余值
    <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>              
  1. 跳过(加入逗号为跳过元素)
    <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>              
  1. 默认值
    <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. 不定参 参数不确定
    function add(...arg){
...
    }
  1. 拓展参数 把数组展开当参数
    metting(...arr1)
  1. 最大值,最小值
    <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>