js高级05（解构赋值（数组，对象），箭头函数，剩余参数，模板字符串,let，const,var（待续。。。））

一：解构赋值

1.数组解构赋值

1.什么是解构赋值？

就是从数组中提取值，按照一一对应位置，对应变量赋值，对象也可以解构赋值

2.什么时候会使用到解构赋值呢？

3.代码展示：

数组的赋值一一对应，如果没有的就会返回undefined。

2.对象的解构赋值

对象解构---实际上是属性匹配---变量的名字与匹配对象属性的名字。

方式1：左边变量和右侧的属性名一一对应

方式1：左边变量和右侧的属性名不对应==》新增表别名

 二：箭头函数

1.语法：

（）=>{}

2.箭头函数的调用==可以采取变量来接收（此时的变量就是函数名）==》所以直接调用变量名（）

3.箭头函数的简写

 4.箭头函数this的指向（面试）

所谓的定义位置---就是可以理解为这个fn函数--箭头函数上下文

 面试题（注意：对象没法产生作用域）

 解决：箭头函数--obj是对象--无法产生作用域--时间obj是给了window

 三：剩余参数

1.什么是剩余参数？

当函数实参>形参===》可多余形参放在剩余参数

 注意：箭头函数是不能使用agmers

 四：剩余参数和解构配合使用

 五：扩展运算符

1.应用：

①合并数组

 

 为什么需要把伪数组转为真正的数组？---因为这样就可以调用数组的方法了

 

六：模板字符串 

1.传入变量 

2.在标签中使用---可识别标签

 3.模板字符串中调用函数

七：Set数据结构