2021-12-17 Es6学习

变量的定义

传统的定义变量和常量 统一使用var
var name = “axcici”;
var link = “http://www.baidu.com”;
var PI = Math.PI
Es6
let name = “axcici”;
let link = “http://www.baidu.com”;
const PI = Math.PI

let 和const 解决了var变量穿透和常量修改的问题
变量穿透 循环变量 i
常量修改 用var定义时 常量可以进行修改
建议：

模板字符串

以前 是’ ’ 或者" "
Es6 是 拼接变量用${ }

函数默认值与箭头函数

函数默认值
function sum(a,b){
return a + b;
}

箭头函数 重点。
var sum = function(a,b){
return a + b;
}
改进1
var sum = (a,b)=>{
return a + b;
}
改进2
var sum=(a,b)=>a+b;

规律：
1.去掉function
2.在括号后面加箭头
3.如果逻辑代码中仅有return 可以直接省去，如果有逻辑题就不能省略。
4.如果参数只有一个，可以把括号也省去，如果有多个参数，就不能省略。

对象初始化简写

对象是key:value 键值对存在
1.如果key和变量的名字一致，可以指定义一次即可
2.如果value是一个函数,可以把‘：function’去掉，只剩下()即可

应用：

对象结构

获取对象的属性和方法的方式有两种
1.通过.
2.通过[ ]

Es6对象结构
快速获取属性和方法的方式一种形式

对象传播操作符【…】

使用

数组map和reduce方法使用

数组新增了map和reduce()方法
map自带循环，并且会把处理的值回填对应的位置


reduce()
reduce(function(),初始值(可选))：
接受一个函数(必须)和一个初始值(可选)，该函数接受两个参数：
第一个参数是上一次reduce处理后的结果
第二个参数是数组中要处理的下一个元素
reduce()会从左到右依次把数组中的元素用reduce处理，并把处理的结果作为下次reduce的第一个参数，如果是第一次，会把前两个元素作为计算参数，或者把永固指定的初始值作为起始参数