欢迎光临散文网 会员登陆 & 注册

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

2022-12-09 15:07 作者:任何事人挺好的认同  | 我要投稿

励志当最强课代表的我来给大家总结总结👍👍👍

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




5分钟掌握ES6新特性技巧,让代码炫起来!的评论 (共 条)

分享到微博请遵守国家法律