ES6 VS ES10

ES10 New Feature

  • String.matchAll()
  • String.trimStart() .trimEnd()
  • Dynamic Import
  • Array.flat() .flatMap()
  • Object.fromEntries()
image.png

ES6

image.png
1.默认参数值机制,允许为参数设置默认值,防止在函数被调用时没有传入这些参数。
image.png

2.reduce 把数组中的每一项规约到单个值: 实现map+filter; 匹配圆括号; 统计数组中相同项的个数。
image.png
image.png

3. 对象结构: 删除必须要的属性(包含敏感信息/太大了); 在函数参数中解构嵌套对象; 合并对象。
image.png
image.png

4. Sets 数组去重; 使用扩展运算符(...)可以转换为数组,使用数组方法。
image.png
image.png

5. 数组解构 数值交换; 接受函数返回的多个结果。
image.png
image.png
image.png
image.png
image.png
image.png

6. 块级作用域

7. 数组的扩展
image.png
image.png
image.png
image.png

8. 箭头函数 缩减代码和改变this指向(定义时所在的对象,而不是使用时所在的对象)

9. 类
image.png
image.png

10. Promise
image.png
image.png
image.png

11. Iterator和for...of
image.png
image.png

12. ES模块化
image.png

13. 扩展运算符
image.png

14. rest参数 用于获取函数的多余参数,必须是最后一个参数
image.png

15. 模板字符串
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容