快速了解ES6常用知识点

目录

一、let和const

 二、ES6新增数量类型symbol

三、解构赋值

四、 findIndex

 五、箭头函数

六、.Generator 函数

---

一、let和const

1、let和const与var不同，不存在变量提升，使用var声明时，在var的上一行console.log();打印，得到的时undefined，而let和const会直接报错，这种情况也就是常说的暂时性死区

2、const 声明的是一个常量，声明后是不能再改变，否则会报错，let可以修改

3、const 和 let，在同一作用域下，不能重复声明，如果重复声明打印出的是第一个声明的值

 

 二、ES6新增数量类型symbol

 symbol是ES6新增的简单数据类型，声明的变量具有唯一性，就算两个变量的值都一样，在判断时，仍会返回false

三、解构赋值

解构赋值简单来说从目标对象或者数组上获取到想要的变量，常用的场景是element-ui和vant-ui按需引入，请求接口返回数据，提取想要的数据。

常见的几种方式

1、默认值

2、交换变量

3、将剩余数组赋给一个变量

4,给新的变量名赋值

简单举例:

四、 findIndex

findindex可以判断重复值，并返回重复值的下标，常用的场景购物车或者用户名的查重等

 五、箭头函数

箭头函数的写法（）=>{}，箭头函数的如果没有参数或者有多个参数需要用（）包裹起来，箭头函数内没有this指向，而且不能作为构造函数

六、.Generator 函数

 在function和函数名之间加上一个*号就是Generator函数

Generator函数也是用来异步编程的一种解决方案，它是分阶段执行的，启动函数是next（），

分阶段执行时，需要配合yield使用,

第一个g.next（）返回的是1，第二个返回的是2，第三个返回的是3