学习
实践
活动
工具
TVP
写文章

ES11 来了,还学得动吗?

写在前面 ES2020(即 ES11)上周(2020 年 6 月)已经正式发布,在此之前进入 Stage 4 的 10 项提案均已纳入规范,成为 JavaScript 语言的新特性 一.特性一览 ES String.prototype.matchAll 字符串处理的一个常见场景是想要匹配出字符串中的所有目标子串,例如: const str = 'es2015/es6 es2016/es7 es2020/es11 '; str.match(/(es\d+)\/es(\d+)/g) // 顺利得到 ["es2015/es6", "es2016/es7", "es2020/es11"] match()方法中,正则表达式所匹配到的多个结果会被打包成数组返回 此时只能求助于最强大的exec: const str = 'es2015/es6 es2016/es7 es2020/es11'; const reg = /(es\d+)\/es(\d+)/g; let es2020 alias v11"] 而 ES2020 新增的matchAll()方法就是针对此类种场景的补充: const results = 'es2015/es6 es2016/es7 es2020/es11

25310

ECMAScript 2020(ES11)新特性简介

简介 ES11是ECMA协会在2020年6月发行的一个版本,因为是ECMAScript的第十一个版本,所以也称为ES11. 今天我们讲解一下ES11的新特性。 ES11引入了9个新特性,我们接下来一一讲解。 动态imports 在ES11之前,我们可以使用下面的方式进行模块的导入: import * as TestModule from ". 为了解决这个问题,ES11引入了新的import() 方法,使用这个方法,你可以对模块进行动态导入,并且通过设置模块名为变量的形式,可以对模块名进行动态修改,非常的神奇。 不过需要使用一个循环来进行遍历,使用起来有诸多的不便,为了简单起见,ES11引入了matchAll()方法。 总结 事实上所有的现代浏览器基本上都支持ES11了,IE除外。大家可以尽情尝试ES11的新特征。

21130
  • 广告
    关闭

    11.11云上盛惠

    万元礼包限时领取,百款云产品特惠助力上云,云服务器2核2G低至4.2元/月

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    ECMAScript 2020(ES11) 的新特性总结

    快速通道: ES6、ES7、ES8、ES9、ES10、ES11、ES12、ES13新特性大全 老规矩,先纵览下 ES2020 的新功能: 动态 import ():按需导入 空值合并运算符:表达式在 0; 下面介绍下ES11新增的可选链操作符(?.) visited.has(protoKey)) yield protoKey; }} 本文参考: ECMAScript 2020 的新功能 JS语法 ES6、ES7、ES8、ES9、ES10、ES11、ES12

    21420

    ES11屡试不爽的新特性,你用上了几个?

    标准原文https://tc39.es/ecma262 ES11规范于今年的年初完成,引入了许多新标准,本文讲着重研究下其中几个实用且有趣的新标准 私有变量 Promise.allSettled BigInt

    10310

    每天3分钟,重学ES6-ES12(八)ES11 ES12新增内容

    · 6 月更文挑战」的第18天,点击查看活动详情 每天3分钟,重学ES6-ES12文章汇总 前言 今天开始和大家一起系统的学习ES6+,每天3分钟,用一把斗地主的时间,重学ES6+,今天介绍的是ES11 ES12中新增的内容 ES11 BigInt 大整数类型 在早期的JavaScript中,我们不能正确的表示过大的数字: 大于MAX_SAFE_INTEGER的数值,表示的可能是不正确的。 那么ES11中,引入了新的数据类型BigInt,用于表示大的整数: BitInt的表示方法是在数值的后面加上n代码演示 // ES11之前 max_safe_integer const maxInt 代码演示 // ES11: 空值合并运算 ?? console.log(globalThis) for..in标准化 在ES11之前,虽然很多浏览器支持for...in来遍历对象类型,但是并没有被ECMA标准化。

    8610

    ES11屡试不爽的新特性,你用上了几个?

    [image.png] ES11规范于今年的年初完成,引入了许多新标准,本文讲着重研究下其中几个实用且有趣的新标准 特性抢先知: 私有变量 Promise.allSettled BigInt 全新的数据类型

    21542

    【实战】如何在你的项目中使用新的ES规范

    本文结合 ES11 中非常有用的两个特性,空值合并操作符(??)和可选链操作符( ?. )来看看怎么在项目中使用相关语法。 ES11 中两个非常有用的特性 空值合并操作符(??) Nullish coalescing Operator(空值处理)只有 null 和 undefined 的时候才认为真的是空。 u3 = user.u3 || '用户3' // 用户3 let u4 = user.u4 || '用户4' // 用户4 let u5 = user.u5 || '用户5' // 用户5 // es11 age: 18 } let u1 = user.childer.name // TypeError: Cannot read property 'name' of undefined // es11

    12010

    空值合并运算符在 JS 中的运作机制

    ES11添加了一个合并运算符,该运算符由双问号表示,如下所示: ?? 在本文中,我们将探讨为什么它如此有用以及如何使用它。 因此,ES11添加了空值合并运算符。 在如下表达式中: x ??

    10240

    ES6,ES7,ES8,ES9,ES10,ES11,ES12...JS语法汇总集合

    ES6,ES7,ES8,ES9,ES10,ES11,ES12...JS语法汇总集合新特性  ✅作者简介:              我是痴心阿文,你们的学友哥,今天给大家分享 ES6,ES7,ES8 ,ES9,ES10,ES11,ES12...JS语法汇总集合新特性! 个人主页:痴心阿文的博客_CSDN博客-前端,Vue.js,微信小程序领域博主 本文前言: ES6,ES7,ES8,ES9,ES10,ES11,ES12...JS语法汇总集合新特性 如果觉得博主的文章有帮到你的话 可选 Catch ES11(2020) 1. Nullish coalescing Operator(空值处理) 2. Optional chaining(可选链) 3. 可选 Catch ES11(2020) 1. Nullish coalescing Operator(空值处理) 表达式在 ?? 的左侧 运算符求值为undefined或null,返回其右侧。

    8530

    ES2020

    ES2020 写在前面 ES2020(即 ES11)2020 年 6 月已经正式发布,在此之前进入 Stage 4 的 10 项提案均已纳入规范,成为 JavaScript 语言的新特性 一.特性一览 String.prototype.matchAll 字符串处理的一个常见场景是想要匹配出字符串中的所有目标子串,例如: const str = 'es2015/es6 es2016/es7 es2020/es11 '; str.match(/(es\d+)\/es(\d+)/g) // 顺利得到 ["es2015/es6", "es2016/es7", "es2020/es11"] match()方法中,正则表达式所匹配到的多个结果会被打包成数组返回 此时只能求助于最强大的exec: const str = 'es2015/es6 es2016/es7 es2020/es11'; const reg = /(es\d+)\/es(\d+)/g; let es2020 alias v11"] 而 ES2020 新增的matchAll()方法就是针对此类种场景的补充: const results = 'es2015/es6 es2016/es7 es2020/es11

    12220

    ES6、ES7、ES8、ES9、ES10、ES11、ES12、ES13新特性大全

    API 中的 dateStyle 和 timeStyle 的配置项:用来处理多语言下的时间日期格式化的函数 ECMAScript 2021 (ES12)的新特性总结 ECMAScript 2020(ES11 promise已被决议或被拒绝后决议的promise,并带有一个对象数组,每个对象表示对应的promise结果 for-in 结构:用于规范for-in语句的遍历顺序 ECMAScript 2020(ES11

    53010

    每天3分钟,重学ES6-ES12(十八)ES Module

    它包含了这个模块的信息,比如说这个模块的URL; 在ES11(ES2020)中新增的特性;代码演示 ```js // import { name, age, foo } from '. /foo.js").then(res => { console.log("res:", res.name) }) console.log("后续的代码都是不会运行的~") // ES11新增的特性

    7530

    ECMAScript 2016(ES7) 的新特性总结

    快速通道: ES6、ES7、ES8、ES9、ES10、ES11、ES12、ES13新特性大全 老样子,先纵览下 ES2016 的新功能,ES2016添加了两个小的特性来说明标准化过程: 数组includes

    11310

    汇总JS语法 ES6、ES7、ES8、ES9、ES10、ES11、ES12新特性

    ---- 前言 前端学习永无止境,学习吧骚年~ 本文集合了 ES6 至 ES11 常用到的特性,包括还在规划的 ES12,只列举大概使用,详细介绍的话内容量将十分巨大~.~。 可选 Catch ---- ES11(2020) 1. Nullish coalescing Operator(空值处理) 表达式在 ??

    70711

    实用的js 技巧之——空值合并运算符、gloabalThis

    总结 讲了ES11 两个常用语法,其实还有之前写过的可选操作链、 Promise.allSettled、BigInt,感兴趣的读者可以去行去查找相关资料进行阅读。

    7320

    关于ECMA、ECMAScript、TC39、ES、Stage等概念的科普

    快速通道: ES6、ES7、ES8、ES9、ES10、ES11、ES12、ES13新特性大全 提到ECMA、ECMAScript、TC39、ES ,你可能对这些名词代表的概念一知半解甚至是从未了解过,

    16620

    每天3分钟,重学ES6-ES12(十一)Promise的类方法

    那么对于resolved的,以及依然处于pending状态的Promise,我们是获取不到对应的结果的; 在ES11(ES2020)中,添加了新的API Promise.allSettled: 该方法会在所有的

    7010

    es数据的冷热分离实验

    : true 温数据节点:  192.168.2.190 cat config/elasticsearch.yml  cluster.name: my-application node.name: es11

    67430

    2022年,马上都ES2022了,还只知道ES6的新特性?

    示例 Symbol('test'). description === 'test' // true 对JSON对象的优化 JSON.superset 、JSON.stringify 六、ES2020(ES11

    19220

    ES10的13个新特性示例

    在这篇文章中,我们回顾了ES10(2019)中出现的功能,并介绍了一些在ES11(2020)中将保持稳定的功能,因为它们处于状态3,并且可能最终会在下一版中实现标准化。

    39610

    扫码关注腾讯云开发者

    领取腾讯云代金券