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