ES6 VS ES10

作者: 肉桂猿 | 来源:发表于2020-03-10 10:58 被阅读0次

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. 模板字符串

相关文章

网友评论

    本文标题:ES6 VS ES10

    本文链接:https://www.haomeiwen.com/subject/pcdudhtx.html