5分钟掌握ES6新特性技巧,让代码炫起来!

励志当最强课代表的我来给大家总结总结👍👍👍
5分钟掌握ES6新特性技巧
视频内容:
1️⃣let和const✍️
2️⃣模块化📄
3️⃣结构🏷️
4️⃣扩展运算符📑
5️⃣直接在参数上赋值🔖
6️⃣null传导运算符📖
视频内容:
1️⃣let和const✍️
避免了运腕声明变量引发的变量提升等问题
00:03

2️⃣模块化📄
将需要导出的变量或者函数方法前面加 export 代表导出。
需要使用的地方,用 import from 的方式从相应的文件中导入对应的变量或者方法
00:19

3️⃣结构🏷️
- 如从数组中取值,取前两项的值,只需要将数组赋值给左侧的两个变量就可以了。
- 同样的方式,也可以取到第 1 项和第 4 项的值。增加的元素我们用空格可以代替。
- 支持原冒号的方式,修改默认的变量名称。有了结构,交换两个变量的值就变得非常简单。
00:35

4️⃣扩展运算符📑
- 拷贝数组,只需要将数组扩展后放置到新的数组中就可以了。
- 合并数组,将多个数组扩展后放置到新的数组中,同时也支持将数组扩展后放置到其他数组的任意位置。
- 同时也支持将数组扩展为函数的参数
- 有了扩展运算符,克龙对象合并对象也变得非常简单
01:19

5️⃣直接在参数上赋值🔖
- 参数上复制,给参数复制默认值,就可以采用这样的方式
- 同时也支持对象属性的简写,当对象的属性值和值的变量名称一样的时候,就可以用简写的方式。
- 支持了 a sink await 这样的异步调用方式。
- 支持了 includes 方法,当判断数组中是否包含四学堂这一项的时候,就可以用 2 includes 四学堂的方式来判断。
- 支持了 object 点case、 object 点values、 object 点entries。
02:22

6️⃣null传导运算符📖
- 传导运算符,可以省略了左非空判断。
- 支持 now 判断运算符。当左侧的值不为 NULL 和 undefy 的时候,就会返回左侧的值,否则会返回右侧的值。
- 支持模板字符串,可以在字符串中直接演员变量,同时也支持变量的运算。
03:35
