ES6
变量声明
let变量声明
- let声明和 var 声明变量差不多
- 在一对大{} 里面起作用
- 不能重复声明,如果重复声明控制台会提示语法错误(SyntaxError)
- 不会变量提升
- 变量提升:用var 声明变量 ,变量的使用在变量声明前 默认值是undefined
const声明常量
- const 和var差不多
- 通常用来声明常量的 变量名建议大写
- 声明必须赋值
- 声明后不能修改(复杂数据可以修改数组)
数组解构
- 交换变量
<script>
var a = 3,b = 6;
[a,b] = [b,a];
console.log(a,b);
</script>
- 剩余值
<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>
- 跳过(加入逗号为跳过元素)
<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>
- 默认值
<script>
var arr = [1,3,6];
let [a,b,c,d=10] = arr;
// d的默认值为10,原数组中没有d使用默认值,有则使用原数组中的值
console.log(a,b,c,d);
</script>
对象解构
对象简写
- 对象解构
- 动态属性
字符串模板
字符串模板 能让再变量和字符串混合在一起书写
- 所有的模板 ``
- 遇到变量用 ${变量 值}
- repeat(n)重复几次n就是几
数组高阶方法
- 遍历数组 forEach
- 映射数组 map通过现有的数据反射出来新的数据一一对应
- 过滤 filte,现有数组通过一定的规则过滤出新的数组返回true保留,false 不保留
箭头函数
箭头函数是函数的简写方式
- 基本写法:=> 前面是函数参数 =>后面是返回值也是执行语句
- 省略function 关键字 return 关键字
- 多个参数 或者没有 都用括号包起来
- 执行语句有多个的时候 用{}包括起来
- 头函数this 指的是函数上一层的this
函数
- 默认参数
- 不定参 参数不确定
function add(...arg){
...
}
- 拓展参数 把数组展开当参数
metting(...arr1)
- 最大值,最小值
<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>