本文是对 ES6 至 ES13 常用到的特性的总结,关于每个特性的详细内容,都有单独的文章进行详细讲述,可以跳转到具体文章进行学习查看。学习永无止境大家一起努力 。

文章为从新到旧的顺序。


ECMAScript 2022(ES13)提案阶段,更倾向于面向对象

  1. 声明类的字段:类字段可以在类的顶层被定义和初始化
  2. 私有方法&字段:用#前缀来定义类的私有方法和字段
  3. 类的静态公共方法和字段:增加了静态公共字段静态私有方法静态私有字段的特性
  4. ECMScript 类静态初始化块:在类声明/定义期间评估静态初始化代码块,可以访问类的私有字段
  5. 检测私有字段:可以使用in操作符,如果指定的属性/字段在指定的对象/类中,则返回真,并且也能判断私有字段
  6. 正则匹配索引:该提案提供了一个新的/dflag,以获得关于输入字符串中每个匹配的开始和索引位置结束的额外信息
  7. 在所有内置的可索引数据上新增.at()方法
  8. Object.hasOwn(object, property):使用 Object.hasOwn 替代 Object.prototype.hasOwnProperty.call
  9. Error Cause:为了便捷的传递导致错误的原因
快来看看ECMAScript 2022(ES13)有哪些新标准?

ECMAScript 2021 (ES12)

  1. String.prototype.replaceAll :有了这个 API,替换字符不用写正则了
  2. Promise.any() :返回第一个 fullfilled 的 promise ,若全部 reject,则返回一个带有失败原因的 AggregateError。
  3. 新增逻辑赋值操作符: ??=、&&=、 ||=
  4. WeakRefs:使用弱引用对象,该弱引用不会阻止 GC,并且可以在 GC 前使用 WeakRef.prototype.deref ( ) 解除该引用。
  5. 下划线 (_) 分隔符:使用 _ 分隔数字字面量以方便阅读
  6. Intl.ListFormat :用来处理和多语言相关的对象格式化操作
  7. Intl.DateTimeFormat API 中的 dateStyle 和 timeStyle 的配置项:用来处理多语言下的时间日期格式化的函数
ECMAScript 2021 (ES12)的新特性总结

ECMAScript 2020(ES11)

  1. 动态 import ():按需导入
  2. 空值合并运算符:表达式在 ?? 的左侧 运算符求值为undefined或null,返回其右侧
  3. 可选链接:?.用户检测不确定的中间节点
  4. BigInt:新基本数据类型,表示任意精度的整数
  5. globalThis:浏览器:window、worker:self、node:global
  6. Promise.allSettled:返回一个在所有给定的promise已被决议或被拒绝后决议的promise,并带有一个对象数组,每个对象表示对应的promise结果
  7. for-in 结构:用于规范for-in语句的遍历顺序
ECMAScript 2020(ES11) 的新特性总结

ECMAScript 2019(ES10)

  1. Array.flat()和Array.flatMap():数组展平
  2. String.trimStart()和String.trimEnd():去掉开头结尾空格文本
  3. String.prototype.matchAll:为所有匹配的匹配对象返回一个迭代器
  4. Symbol.prototype.description:只读属性,回 Symbol 对象的可选描述的字符串
  5. Object.fromEntries():返回一个给定对象自身可枚举属性的键值对数组
  6. 可选 Catch
  7. JSON Superset 超集
  8. JSON.stringify() 加强格式转化
  9. Array.prototype.sort() 更加稳定
  10. Function.prototype.toString() 重新修订
ECMAScript 2019(ES10) 的新特性总结

ECMAScript 2018(ES9)

  1. 异步迭代:await可以和for...of循环一起使用,以串行的方式运行异步操作
  2. Promise.finally():逻辑只可以放在一个地方,这有点像以前jQuery ajaxcomplete
  3. Rest/Spread 属性:允许我们将一个剩余参数表示为一个数组
  4. 正则表达式命名捕获组:允许命名捕获组使用符号?<name>
  5. 正则表达式反向断言(lookbehind)
  6. 正则表达式dotAll模式:正则表达式中点.匹配除回车外的任何单字符,标记s改变这种行为,允许行终止符的出现
  7. 正则表达式 Unicode 转义: Unicode 属性转义形式为\p{...}\P{...}
ECMAScript 2018(ES9) 的新特性总结

ECMAScript 2017(ES8)

  1. async/await: 异步终极解决方案
  2. Object.values()
  3. Object.entries()
  4. String padding:String.prototype.padStart、String.prototype.padEnd
  5. 函数参数列表结尾允许逗号
  6. Object.getOwnPropertyDescriptors(): 获取一个对象的所有自身属性的描述符,如果没有任何自身属性,则返回空对象
  7. SharedArrayBuffer 对象:用来表示一个通用的,固定长度的原始二进制数据缓冲区
  8. Atomics 对象:提供了一组静态方法用来对 SharedArrayBuffer 对象进行原子操作
ECMAScript 2017(ES8) 的新特性总结

ECMAScript 2016(ES7)

  1. Array.prototype.includes()
  2. 指数操作符 **
ECMAScript 2016(ES7) 的新特性总结

ECMAScript 2015(ES6)

  1. let和const
  2. 类(class)
  3. 模块化(ES Module)
  4. 箭头(Arrow)函数
  5. 函数参数默认值
  6. 模板字符串
  7. 解构赋值
  8. 延展操作符 ...
  9. 对象属性简写
  10. Promise

ES6、ES7、ES8、ES9、ES10、ES11、ES12、ES13新特性大全相关推荐

  1. ES6/ES7/ES8/ES9/ES10常用特性和新特性最全总结

    ES6 ES6在ES5的基础上新增了一系列特性,这里仅列出常用特性 变量的改变,添加了块级作用域的概念 let声明变量(块级作用域),let是更完美的var,它声明的全局变量不是全局属性widow的变 ...

  2. 【复习资料】ES6/ES7/ES8/ES9资料整理(个人整理)

    一.介绍 现在的网络上已经有各样关于 ECMAScript 规范介绍和分析的文章,而我自己重新学习一遍这些规范,整理出这么一份笔记,比较精简,主要内容涵盖ES6.ES7.ES8.ES9,后续会增加面试 ...

  3. ES7 ES8 ES9 ES10 新特性总结思考

    学习在于总结,发现并没有对于新出的一些语言特性进行总结,正好最近有时间,可以把这些进行总结以及运用,也许在项目中已经使用. ES7 Array includes方法 求幂运算符 ES8 Async F ...

  4. ES6, ES7, ES8, ES9 以及 ES10 新特征

    目录 1.  ES6 新特征 (2015) 1.1 module 1.1.1 export 1.1.2 import 1.2 Arrow function (箭头函数) 1.2.1 箭头函数结构 1. ...

  5. es7,es8,es9新特性

    es7,es8,es9新特性 1. ES7新特性(ECMAScript 2016) ES7在ES6的基础上主要添加了两项内容: Array.prototype.includes()方法 求幂运算符(* ...

  6. Sencha Cmd 6/7 让你的 ExtJS6/7 项目使用 ES6/ES7/ES8 语法规范

    原文链接:https://blog.csdn.net/lovelyelfpop/article/details/78528107 Sencha Cmd 6.5 最大的变化: 支持动态加载包(dynam ...

  7. ES6/ES7/ES8新特性汇总

    ES6起各个版本的新特性汇总 ES全称ECMAScript,ECMAScript是ECMA制定的标准化脚本语言.目前JavaScript使用的ECMAScript版本为ECMA-417.关于ECMA的 ...

  8. ES9,ES10,ES11知识点

    目录 第 5 章 ECMASript 9 新特性 5.1. Rest/Spread 属性 5.2. 正则表达式命名捕获组 5.3. 正则表达式反向断言 5.4. 正则表达式 dotAll 模式 第 6 ...

  9. ES7~ES13新特性(二)

    1 ES7新增特性解析 2 ES8新增特性解析 3 ES10新增特性解析 4 ES11新增特性解析 5 ES12新增特性解析 6 ES13新增特性解析 ES8-对象相关的属性 ---entries的使 ...

最新文章

  1. 【复杂网络】图模型在欺诈检测应用一点看法
  2. php连接mysql并查询表数据,php连接mysql并查询数据怎么实现
  3. JavaScriptjQuery.返回多个值的函数
  4. linux——使用fidsk对linux硬盘进行操作【转】
  5. [转:作者: 出处:javaresearch ]选择JSF不选Struts的十大理由
  6. [译]多线程网络服务模型
  7. python各种包安装顺序_史上最全的Python包管理工具:Anaconda教程
  8. mybatis-plus3.5.1学习笔记
  9. 张朝阳寄语“校花”把参赛比做登山 走到不同阶段都是一种成就
  10. ubuntu下使用脚本自动禁用笔记本触摸板和键盘
  11. 关于tomcat 中的 tomcat-users.xml 配置不生效原因
  12. 2018年千锋Java微服务架构视频教程
  13. 防止屏蔽,背投广告代码的完善
  14. 运营商iptv服务器,IPTV 服务器
  15. 计算机屏保黑屏取消,电脑怎么取消屏保黑屏
  16. 单选题计算机科学的奠基人是,超星尔雅计算机课程(2017年)
  17. 需求分析(知识点总结)
  18. html li加入数字,LI自动添加数字序号
  19. 解决premiere导入视频一卡一卡(闪烁),或者音画不同步(真正无损)。
  20. unity3d老电视花屏闪烁效果

热门文章

  1. .py文件与.ipynb文件互相转换
  2. windows2012取消自动ipv4_Win10删除自动配置ipv4|Win10自动配置ip地址怎么关闭
  3. 论文笔记:基于并行注意力 UNet的裂缝检测方法
  4. 无需编程,基于甲骨文oracle数据库零代码生成CRUD增删改查RESTful API接口
  5. 电源 LDO 低压差线性稳压电源
  6. 微信小程序polyline
  7. 还在烦恼Word怎么转PPT?教你一种方法告别复制粘贴
  8. ASEM工控机触摸屏维修OT1200-SL北京
  9. 前端生成gif动态图下载
  10. sql数据库质疑恢复办法