阿里云 CTO 周靖人确认出席 QCon 上海,现场解读云计算崭新时代 了解详情
写点什么

ES2020 特性集尘埃落定

  • 2020-04-14
  • 本文字数:2589 字

    阅读完需:约 8 分钟

ES2020特性集尘埃落定

TC39 委员会于近期批准了ECMAScript 2020(即ES2020)候选提案,即经审定最终添加到 JavaScript 语言中的特性集。ES2020 候选提案是今年六月提交 ECMA 大会(General Assembly)的审批汇总,其中的大部分新特性已在浏览器中得到实现,并已可被 Babel JavaScript 解析器转码(transpile)。


在 ES2020 规范中,为 String 对象引入了新的 matchAll 方法,该方法根据一个全局正则表达式生成所有匹配对象的一个迭代器;在语法上支持 import(),使用动态描述符异步导入模块;支持任意精度整型的 BigInt 类型;Promise 新的组合器 Promise.allSettled,它不会造成短路;提供访问全局 this 值的通用操作方式 globalThis;模块内使用的 export * as ns from 'module’专用语法;进一步规范化的 for-in 枚举属性顺序;模块中可包含依赖于宿主环境上下文相关信息的 import.meta 特性;以及改进对空位(即 null 和 undefined)处理的两个新语法特性,即值选取操作符“空位合并”(nullish coalescing),和“可选链”(optional chaining),一种一旦所访问或调用的值为空位时采取短路的访问/调用操作符。


动态导入(Dynamic imports)特性用于动态加载由应用合并(Bundling)中代码切分阶段所生成的模块。该特性已得到除 IE11 以外的大部分浏览器的支持。开发人员可在任何时间无条件(例如,不同于只在模块头部定义导入,而是可在代码任何位置)使用 import()方法异步导入以 moduleSpecifier = dir + 'my-math.mjs’方式动态构建的模块,并返回一个 Promise 对象。示例代码如下:


const dir = './lib/';const moduleSpecifier = dir + 'my-math.mjs';
async function loadConstant() { const myMath = await import(moduleSpecifier); const result = myMath.LIGHTSPEED; assert.equal(result, 299792458); return result;}
复制代码


import.meta对象中包含了依赖于当前宿主环境的模块元数据。当前其中最受开发人员关注的是 url 属性,url 给出了当前模块文件的 URL 字符串。开发人员可使用该 URL 字符串去导入相关模块,或是根据模块当前信息有条件地执行一些操作。ES2020 提案中给出了如下示例代码,获取当前模块对应的 hamster.jpg 文件。


(async () => {  const response = await fetch(new URL("../hamsters.jpg", import.meta.url));  const blob = await response.blob();
const size = import.meta.scriptElement.dataset.size || 300;
const image = new Image(); image.src = URL.createObjectURL(blob); image.width = image.height = size;
document.body.appendChild(image);})();
复制代码


当该模块加载的时候,无论模块的加载位置在哪里,都会加载同级目录下的一个 hamsters.jpg 文件,并显示该图片。图片文件的大小可在导入时使用 JavaScript 元素设定,例如:


关键字globalThis 支持开发人员在编写可移植 ECMAScript 代码时访问全局对象,无需根据浏览器、Worker 线程和 Node.js 环境分别使用 window、self 和 global,并支持对其它一些边缘情况的处理。


新的 export 语法(export * as ns from "mod)提供了新的 export from 方式,支持将另一个模块命名空间中的外来对象以命名的方式导出,提供类似于现有 export from 的使用方式。


Promise.allSettled()的提出,完善了 ECMAScript ES2015 现有的 Promise.all()和 Promise.race()方法。该方法无论各 Promise 的返回结果是满足还是拒绝,都会执行设定的操作。示例代码如下:


Promise.allSettled([  fetch("https://api.github.com/users/pawelgrzybek").then(data => data.json()),  fetch("https://api.github.com/users/danjordan").then(data => data.json())])  .then(result => console.log(`All profile settled`));
复制代码


在上例中如果使用标准的 Promise.all(),一旦第一个 Promise 被拒绝,那么整个 Promise 操作都会被拒绝,这样第二个 Promise 永远无法得到满足。Promise.allSettled 可处理需考虑部分执行结果的情况,例如一个 Promise 被拒绝,而另一个得到满足。


“可选链”(Optional chaining,语法为“(a?.b)”)和“空位合并”(nullish coalescing,语法为“(a ?? b)”)已得到 Babel(7.0 及以上版本)、Edge/Chrome/Firefox 等常用浏览器以及TypeScript 3.7以上版本的支持。两个特性支持在访问或调用值为空位的情况下执行短路操作。例如,let x = foo?.bar.baz()语句可替代:


let x = foo === null || foo === undefined ? undefined : foo.bar.baz();
复制代码


BigInt支持开发人员精确操作大型数值。创建 BigInt 时,需在整型值后添加 n,例如 10n,或是通过调用 BigInt()方法。例如,2 ** 53 + 1 的求值结果为 9007199254740992,但该值是一个奇数,不可能以 2 为结尾,所以产生了错误。如果定义为 2n ** 53n +1n,那么就可正确求值为 9007199254740993n。这也是为什么Twitter的JSON API以字符串而非整型数值形式返回推文 ID 值的原因。部分最新版本浏览器已支持BigInt,其中包括Firefox 68和 Chrome 67 以上版本,其它一些浏览器正在着力解决中


String.matchAll已得到除 Safari 外所有主要浏览器的支持。matchAll()方法返回字符串匹配所有结果的迭代器,支持“捕获组”(capturing groups)等正则表达式,示例代码如下:


const text = "From 2019.01.29 to 2019.01.30";const regexp = /(?<year>\d{4}).(?<month>\d{2}).(?<day>\d{2})/gu;const results = Array.from(text.matchAll(regexp));
// results:// [// [// '2019.01.29',// '2019',// '01',// '29',// index: 5,// input: 'From 2019.01.29 to 2019.01.30',// groups: { year: '2019', month: '01', day: '29' }// ],// [ (...) ]// ]
复制代码


TC39 委员会由 JavaScript 开发人员、业界、学者等各方组成,与社区合作一并维护 JavaScript(即先前的 ECMAScript),并推进其发展。TC39 中包括了各主要浏览器厂商,每个 ECMAScript 特性提案将经历如下五个成熟度阶段,即阶段 0:“稻草人”(Strawman)阶段;阶段 1:提议阶段;阶段 2:草案阶段;阶段 3:候选阶段;阶段 4:完成阶段。达成阶段 4 的特性,将添加到标准中,并可安全使用。


ECMAScript 语言规范的首个版本于 1997 年发布,ECMAScript 2020 是该规范的第十一版。目前,ECMAScript 是全球范围内最广为使用的通用编程语言。


原文链接:


ES2020’s Feature Set Finalized


2020-04-14 12:343171

评论

发布
暂无评论
发现更多内容

从技术新趋势到云原生应用开发,云计算下一个十年将走向何方

亚马逊云科技 (Amazon Web Services)

计算

终于“打造”出了一个可以随时随地编程的工具

老表

Python Linux 服务器 跟老表学云服务器

“爆到天际线” - TiDB 2021 Hackathon 决赛不负责任点评

PingCAP

黑客技能:xss攻击入门

喀拉峻

黑客 网络安全 XSS 渗透测试

深入理解MySQL的binlog

JavaEdge

1月月更

1月月更|推荐学java——MyBatis高级

逆锋起笔

mybatis SSM框架 java 编程 动态SQL

被赶出自己公司的40岁程序员,为Coder们写了个网站--程序员福利网

程序员福利网老骨

程序员 导航网站

深入 MySQL 索引:从数据结构到具体使用

Ayue、

MySQL 数据库 1月月更

VuePress 博客优化之开启 Gzip 压缩

冴羽

nginx 前端 后端 博客 vuepress

【网络安全】手把手给大家演练红队渗透项目

H

网络安全 渗透测试·

【架构实战营】模块九作业

Geek_99eefd

架构实战营 「架构实战营」

Go 语言快速入门指南:Go 语言解析JSON

宇宙之一粟

Go json 1月月更

仅有0.1M可训参数,AIOps日志异常检测新范式

云智慧AIOps社区

AI 算法 异常检测 智能运维 日志解析

基于云上 Arm 架构赋能数值天气预报

亚马逊云科技 (Amazon Web Services)

计算

失去了SDK,云计算将会怎样?

亚马逊云科技 (Amazon Web Services)

计算

KubeMeet 直播 | 现场直击大规模集群、混合环境下的云原生应用交付难题

阿里巴巴云原生

阿里云 云原生 KubeMeet 交付 直播活动

13 Prometheus之云时代的监控目标及挑战

穿过生命散发芬芳

运维 监控 Prometheus 1月月更

知识库建设的5个步骤

PingCode

混沌工程之ChaosBlade-Operator 使用之模拟 POD 丢包场景

zuozewei

性能测试 混沌工程 ChaosBlade 1月月更

小白都能吃透Java IOl流,最骚最全笔记,没有之一!1️⃣

XiaoLin_Java

Java io 基础 1月月更

雷霆传奇H5光柱版游戏详细图文架设教程

echeverra

游戏

手机APP消息推送极光推送jpush-php实例

Owen Zhang

极光推送 jpush-php实例

聊聊Netty那些事儿之Reactor在Netty中的实现(创建篇)

bin的技术小屋

网络编程 socket nio netty java 编程

在 Flutter 中使用交错网格视图创建瀑布流布局

坚果

flutter 1月月更

java开发面试之Redis高并发处理

@零度

redis JAVA开发

Spring Boot Admin,贼好使!

王磊

springboot

再一次重构云计算底座, Amazon Graviton3!

亚马逊云科技 (Amazon Web Services)

计算

类脑计算技术领域领导者灵汐科技加入龙蜥社区,共同繁荣开源生态

OpenAnolis小助手

Linux 开源 芯片 生态

代码审计思路之PHP代码审计

网络安全学海

网络安全 信息安全 渗透测试 安全漏洞 代码审计

测试用例八大要素

PingCode

Hibernate 的 HHH90000022 警告

HoneyMoose

ES2020特性集尘埃落定_大前端_Bruno Couriol_InfoQ精选文章