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>