学习笔记1：常用的ES6基础语法

ES6基本语法（javasript第6版）

---

1. let和const声明变量和常量 var
let//const 作用域只局限于当前代码块，var不同
let//const 声明的变量不会被提升
let//const 在相同的作用域不能声明相同的变量
let：for循环体现let的父子作用域（for同步，btn[i].οnclick=function(){} 异步）
const：声明变量时必须赋值（只可一次声明）

2. 解构赋值
2.1变量用法(数组)：let [name,age,sex] = [‘HHS’，21，‘男’]；
对象的解构赋值：

2.2数组解构赋值( 两边对应即可 )：
基础：let [name,age,sex] = [‘HHS’，21，‘男’]；
嵌套：let [name, [sex, age]] = [‘HHS’, [‘男’, 21]] ;
2.3基本类型解构赋值（了解即可，不常用）
let [a,b,c,d,e] = ‘我是中国人’；

3. 数据集-Set（类似数组） set和array都是 [ ]
3.1与数组的区别：无重复数据（重复是只留一个） // 了解一个属性，四个方法，调用都是用: 集合对象.属性 / 方法（）
3.2创建一个集合 let set = new Set（[‘张三’，‘李四’]）；
3.3一个属性 set.size //集合长度，重复数据不计算
3.4四个方法（add，delete，has，clear）
add （添加数据） set.add(‘刘德华’).add（‘黎明’） //支持链式调用，返回对象
delete（删除数据） set.delete(‘刘德华’); //返回一个布尔值
has（判断是否存在） set.has(‘刘德华’); //返回一个布尔值
clear（清空集合） set.clear( ); //返回一个undefined

4. 数据集合-Map（类似对象） map和对象都是 { }
4.1对象的key只能是string，map没有要求（key唯一）
4.2创建一个map对象（key与value之间是（，），对象之间是（：））

4.3 size //map.size 长度 属性
4.4 set（）/get（）/delete（）/has（）/clear（） 方法
map.set(‘friends’,[‘赵六’，‘李七’])；
map.get（‘name’）;
map.delete（‘name’）；
has/clear与Set类似
4.5 keys（），values（），entries（）
获取所有key，所有value，两个一起entry，，因为是全部所有都是复数
4.6遍历map

Js中forEach语法： array.forEach(函数)，函数=function（value，index）{……}}
Value和index随便取名，前面为值，后面为下标
注意事项：

添加以后其实是两个对象

5. 新增数据类型Symbol（了解）
ES5的对象属性名都是字符串，容易造成属性名冲突
ES6引入新的元素数据类型Symbol表示独一无二的值
5.1定义

5.2描述
两个属于不同的对象
5.3对象属性名（常用）

注释掉的产生冲突，只显示李四 /// 而底下的分别为两个Symbol属性，名都是name

6. 新增语法糖Class
在其他语言中面向对象的方式都是通过Class来创建
在我们js中却是基于原型-构造函数来实现的（可能给开发者找出一定的误导）

7. 内置对象拓展（了解）
7.1模板字符串 （ESC下面的）

7.2数组的拓展
Array.from( ) 将一个伪数组转成一个数组

Array.of( ) 将零零散散的东西转成一个数组
7.3对象的拓展
key和value是一样，写一个就够了

Object.assign( )

8. 延展操作符
将str中的字符串，拆解成一个数组

9. 函数新增方法
9.1形参设置默认值
ES5中，调用函数且未传参数处理办法

ES6中，可以通过设置形参的默认值

9.2延展操作符（函数拓展多样化）

9.3箭头函数（）=>{ }
与之前的函数功能差不多，只是写法更加灵活

本质上的一个用法，自我感觉就是一个匿名函数
function(x,y){} (x,y)=>{} 自我总结一下就是把function变成中间的箭头