ES10的13个新特性示例(小结)


Posted in Javascript onSeptember 23, 2019

ES10的13个新特性示例(小结)

介绍

ES10是与2019年相对应的ECMAScript版本。这个版本中的新功能没有ES6(2015)中的那么多。但是,也不乏一些有用的功能。

本文在简单的代码示例中介绍了ES10提供的功能。这样,您无需复杂的解释即可快速了解新功能。

当然,需要具备JavaScript的基础知识才能完全理解所介绍的新功能。

ES2019中的JavaScript新功能包括:

  • Array#{flat,flatMap}
  • Object.fromEntries
  • String#{trimStart,trimEnd}
  • Symbol#description
  • try { } catch {} // 可选的错误参数绑定
  • JSON ⊂ ECMAScript
  • 格式良好的 JSON.stringify
  • 稳定的排序 Array#sort
  • 新版 Function#toString
  • 新增 BigInt 原始类型 (stage 3).
  • 动态引入模块(stage 3).
  • 标准的 globalThis 对象 (stage 3).
  • ES10 Class: private, static & public (stage 3).

Array.flat() & Array.flatMap()

两个新的数组方法:

Array.flat() 方法创建一个新数组,所有子数组元素都以递归方式合并到该数组中,直至达到指定深度。

Array.flatMap() 方法首先使用map函数转换每个元素,然后将结果展平为新数组。它与map()后再调用深度为1的flat() 效果相同,但是flatMap()将两者合并为一种方法,效率更高。

ES10的13个新特性示例(小结)

Object.fromEntries()

把键值对数组为元素的二维数组转换为一个对象。

ES10的13个新特性示例(小结)

String.protype.matchAll()

matchAll() 方法返回所有与正则表达式匹配字符串的结果的迭代器,包括捕获组。

ES10的13个新特性示例(小结)

String.trimStart() & String.trimEnd()

有两种新的String方法可从字符串中删除空格:

trimStart() 方法从字符串的开头删除空格。
trimEnd() 方法从字符串末尾删除空格。

ES10的13个新特性示例(小结)

Symbol.Description

当创建符号时,可以提供一个字符串作为描述。在ES10中,有一个获取描述的访问器。

ES10的13个新特性示例(小结)

可选的 Catch 参数变量

过去,try / catch语句中的catch子句需要一个变量。现在,它允许开发人员使用try / catch而不创建未使用的error变量绑定。

ES10的13个新特性示例(小结)

JSON⊂ECMAScript

在ES10之前的版本中,不接受非转义的行分隔符U+2028和段落分隔符U+2029。

U+2028是段落分隔符。
U+2029是行分隔符。

ES10的13个新特性示例(小结)

格式良好的 JSON.stringify()

JSON.stringify() 可能返回U+D800和U+DFFF之间的字符,来作为没有等效UTF-8字符的值。但是,JSON格式需要UTF-8编码。解决方案是,将未配对的替代代码点表示为JSON转义序列,而不是将其作为单个UTF-16代码单元返回。

ES10的13个新特性示例(小结)

Array.prototype.sort()

V8的先前实现,对包含10个以上项的数组使用了不稳定的快速排序算法。

一种稳定的排序算法是,当两个具有相同键的对象在排序输出中出现的顺序,与未排序输入中出现的顺序相同。

ES10的13个新特性示例(小结)

新版 Function.toString()

toString() 方法返回一个表示函数源代码的字符串。在ES6中,当在函数上调用toString时,它将根据ECMAScript引擎返回该函数的字符串表示形式。如果可能,它将返回源代码,否则-一个标准化的占位符。

ES10的13个新特性示例(小结)

BigInt — 任意精度的整数

BigInt是第7个原始类型,它是一个任意精度的整数。而不仅仅是在9007199254740992处的最大值。

ES10的13个新特性示例(小结)

动态引入

动态import()返回所请求模块的Promise。因此,可以使用async/await 将导入的模块分配给变量。

ES10的13个新特性示例(小结)

ES10的13个新特性示例(小结)

标准 globalThis 对象

全局 this 在ES10之前尚未标准化。在生产代码中,您可以通过编写下边代码来“标准化”它:

ES10的13个新特性示例(小结)

ES10 Class: private, static & public 成员变量,函数

现在,新的语法字符#(哈希标签)用于直接在类中定义变量,函数,getter和setter,以及构造函数和类方法。

ES10的13个新特性示例(小结)

总结

自2015年ES6出现以来,这个语言就一直处于高速发展的状态。在这篇文章中,我们回顾了ES10(2019)中出现的功能,并介绍了一些在ES11(2020)中将保持稳定的功能,因为它们处于状态3,并且可能最终会在下一版中实现标准化。

尽管这些功能中的许多功能对于Web应用程序的开发可能不是必需的,但是它们提供了通过技巧或大量冗长代码才能实现的可能性。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript 数据类型转换(parseInt,parseFloat)
Jul 20 Javascript
jquery.ajax之beforeSend方法使用介绍
Dec 08 Javascript
Javascript中的五种数据类型详解
Dec 26 Javascript
JS获取数组最大值、最小值及长度的方法
Nov 24 Javascript
jquery 获取select数组与name数组长度的实现代码
Jun 20 Javascript
socket.io学习教程之基础介绍(一)
Apr 29 Javascript
JavaScript 获取元素在父节点中的下标(推荐)
Jun 28 Javascript
JS实现移动端在线签协议功能
Aug 22 Javascript
javascript随机变色实例代码
Oct 15 Javascript
vue项目中锚点定位替代方式
Nov 13 Javascript
antd vue table跨行合并单元格,并且自定义内容实例
Oct 28 Javascript
Vue.js中v-bind指令的用法介绍
Mar 13 Vue.js
layui-tree实现Ajax异步请求后动态添加节点的方法
Sep 23 #Javascript
vue多页面项目中路由使用history模式的方法
Sep 23 #Javascript
JS随机密码生成算法
Sep 23 #Javascript
详解mpvue开发微信小程序基础知识
Sep 23 #Javascript
layui动态渲染生成左侧3级菜单的方法(根据后台返回数据)
Sep 23 #Javascript
layui树形菜单动态遍历的例子
Sep 23 #Javascript
Vue+elementui 实现复杂表头和动态增加列的二维表格功能
Sep 23 #Javascript
You might like
php设计模式 Factory(工厂模式)
2011/06/26 PHP
Parse正式发布开源PHP SDK
2014/08/11 PHP
Javascript Math对象
2009/08/13 Javascript
javascript中的缓动效果实现程序
2012/12/29 Javascript
让ie6也支持websocket采用flash封装实现
2013/02/18 Javascript
jQuery之折叠面板的深入解析
2013/06/19 Javascript
jquery获取元素值的方法(常见的表单元素)
2013/11/15 Javascript
JavaScript验证18位身份证号码最后一位正确性的实现代码
2014/08/07 Javascript
jQuery中:input选择器用法实例
2015/01/03 Javascript
javascript显式类型转换实例分析
2015/04/25 Javascript
深入分析JSON编码格式提交表单数据
2015/06/25 Javascript
如何利用JS通过身份证号获取当事人的生日、年龄、性别
2016/01/22 Javascript
浅谈JsonObject中的key-value数据解析排序问题
2017/12/06 Javascript
微信小游戏之使用three.js 绘制一个旋转的三角形
2019/06/10 Javascript
layui的布局和表格的渲染以及动态生成表格的方法
2019/09/18 Javascript
使用layer弹窗提交表单时判断表单是否输入为空的例子
2019/09/26 Javascript
React实现阿里云OSS上传文件的示例
2020/08/10 Javascript
详解vue中v-model和v-bind绑定数据的异同
2020/08/10 Javascript
JavaScript函数柯里化实现原理及过程
2020/12/02 Javascript
Python最长公共子串算法实例
2015/03/07 Python
浅谈python实现Google翻译PDF,解决换行的问题
2018/11/28 Python
python3使用matplotlib绘制条形图
2020/03/25 Python
python-序列解包(对可迭代元素的快速取值方法)
2019/08/24 Python
python3.7 openpyxl 在excel单元格中写入数据实例
2020/09/01 Python
Gap中国官网:美式休闲风服饰
2017/02/05 全球购物
Senreve官网:美国旧金山的奢侈手袋品牌
2019/03/21 全球购物
说说你所熟悉或听说过的j2ee中的几种常用模式?及对设计模式的一些看法
2012/05/24 面试题
试用期员工考核制度
2014/01/22 职场文书
教师远程培训感言
2014/03/06 职场文书
行政部岗位职责范本
2014/03/13 职场文书
槐乡的孩子教学反思
2014/04/27 职场文书
项目经理任命书范本
2014/06/05 职场文书
2014年残疾人工作总结
2014/12/06 职场文书
2015小学教师年度工作总结
2015/05/12 职场文书
2015年高中语文教学总结
2015/08/18 职场文书
MySql存储过程之逻辑判断和条件控制
2021/05/26 MySQL