千家信息网

ES2020中Javascript10个新功能是怎样的

发表于:2024-10-01 作者:千家信息网编辑
千家信息网最后更新 2024年10月01日,这期内容当中小编将会给大家带来有关ES2020中Javascript10个新功能是怎样的,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。好消息 - ES2020 新功
千家信息网最后更新 2024年10月01日ES2020中Javascript10个新功能是怎样的

这期内容当中小编将会给大家带来有关ES2020中Javascript10个新功能是怎样的,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。

好消息 - ES2020 新功能已经落地!这就意味着,现在对 ES2020 中 Javascript 的新增和改进要有一个完整的了解。

1、BigInt

BigInt,Javascript 中最期待的新功能终于落地。它允许开发者在 JS 中使用更大的整数进行数据处理。之前,Javascript 中最大的整数是 pow(2, 53) - 1。但是,BigInt 不受此限制。

然而,就如你在上面看到,你需要在数字后面添加一个 n。这个 n 说明这是一个 BigInt,Javascript 引擎应该特殊处理(不管是 V8,还是其它引擎)。因为传统的数字系统是 IEEE754(它不支持这种大数字),因此,这个改进并不会向后兼容。

2、动态引入

Javascript 的动态引入,允许你把 JS 文件作为一个模块动态的引入到你的应用中。这就像你使用 webpack 和 Babel 一样。这个功能可以帮助你处理按需加载的代码,拆分代码,而且,并不需要 webpack 或者其它模块处理器。如果,你喜欢也可以在 if-else 块中加载代码。在 if-else 块中引入一个模块,这样的好处是:不会污染全局命名空间。

3、 空值合并

空值合并可以真正的检查 nullish 值,而不是 falsely 值。你或许会问:nullish 和 falsely 之间有什么不同呢?在 Javascript 中有很多值都是 falsely。比如:空字符串、数字 0、undefined 、null、 false 、NaN 等。然而,很多情况下你只想检测一个变量是否为空值 -- undefined 或者 null,就像变量可以是一个空字符串甚至是一个假值。在这个示例中,你将会看到新的空值合并操作符:??。

你可以清楚的看到 OR 操作符总是返回一个真值,但是,空值操作符返回一个非空值。

4、可选链

可选链语法允许你访问嵌套更深的对象属性,而不用担心属性是否存在。如果,存在很好。反之,会返回 undefined。它不仅仅可操作对象属性,也可以操作函数的调用或者数组。这样更加方便!以下是个演示:

5、Promise.allSettled

Promise.allSettled 方法接收一组 Promise,并且会返回所有的结果 - 而不管是 resolved 还是 rejected。在之前,这是不可能的,尽管有些类似的实现比如:race 和 all。它只会"运行所有的 promise - 而不关心它们的结果"。

6、String#matchAll

matchAll 是 String 原型链上的一个新增的方法,它可以关联正则表达式。它返回一个迭代器,一个接一个的返回所有匹配的组。我们来看一个演示:

7、 globalThis

如果,你写过那些可以运行在 Node、浏览器或者 web-workers 等跨平台的 JS 代码,你就会花费很多的时间去处理全局对象的问题。这是因为不同平台全局对象也不同,浏览器中是 window,Node 中是 global,web workers 中是 self。如果,还有更多的运行环境,这个对象也会有不同。因此,你自己必要检查运行环境来决定使用正确是全局对象。ES2020 给我们带来了 globalThis 对象,它始终会引用着全局对象,而不用关系代码在哪运行:

8、导出模块的命名空间

Javascript 模块中,一直都可以使用以下这种语法:

 
import * as utils from './utils.mjs'

然而,直到现在还不可以像以下这样使用 export 语法:

注:目前是支持的(2020-04-24)

export * as utils from './utils.mjs'

以上和以下结果相同:

 
import * as utils from './utils.mjs'export { utils }

9、明确定义 for-in 的顺序

ECMA 规范中并没有明确定义 for (x in y) 的顺序。尽管,在此之前浏览器实现了一致的顺序,但是,现在已经被纳入到 ES2020 的官方规范中了。

10、 import.meta

import.meta 是由 ECMAScript 创建实现的,默认为 null。

考虑一下这个模块,module.js :

你可以通过 import.meta 对象访问模块的相关 meta 信息:

console.log(import.meta); // { url: "file:///home/user/module.js" }

它返回一个包含 url 属性的对象,该属性代表着模块的 URL。它可能是获取脚本的 URL(对于外部脚本来说),或者是包含模块文档的基础URL(对于内联脚本来说)。

我喜欢 Javascript 社区不断发展的一致性和速度。看看 Javascript 如何从一种经过十年的嘘声演变成如今这种最强大、最灵活和最通用的语言,真的很神奇。

上述就是小编为大家分享的ES2020中Javascript10个新功能是怎样的了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注行业资讯频道。

对象 模块 代码 全局 属性 处理 运行 新功能 不同 数字 动态 操作符 浏览器 结果 脚本 语法 这是 顺序 浏览 一致 数据库的安全要保护哪些东西 数据库安全各自的含义是什么 生产安全数据库录入 数据库的安全性及管理 数据库安全策略包含哪些 海淀数据库安全审计系统 建立农村房屋安全信息数据库 易用的数据库客户端支持安全管理 连接数据库失败ssl安全错误 数据库的锁怎样保障安全 大家来网络技术有限公司做什么 镇雄县税局服务器地址 浙江乐 网络技术有限公司 url服务器地址 互联网科技金融分析 查询mysql数据库密码 网络安全宣传部门 虹口区专业软件开发市场报价 数据库有哪几类文件组成 电子商务软件开发员竞聘词 信息网络安全在生产中的影响 软件开发要什么笔记本电脑好 三级数据库总分 青少年关于网络安全的事例 服务器能给固态硬盘加装吗 北京服务器机柜哪种好 如何在电脑端打开微信数据库 三亚一年级困难数据库怎么填写 5e上海服务器 服务器托管到idc安全吗 招聘软件开发人员有哪些要求 嵌入式开发和数据库技术 扫黄打非网络安全教育读本 云计算与网络安全的区别 php程序软件开发是什么 服务器之间的传输数据 数据库的笛卡儿积 北京服务器机柜哪种好 浙江智慧土地资产管理软件开发 虚拟磁盘服务器的危害
0