ES9 中新增了哪些内容?

面试官:小伙子,你的数组去重方式惊艳到我了

ES9 中新增了哪些内容?

ECMAScript 2018(或 ES9)是 JavaScript 的最新版本,于 2018 年发布,它包含了一些新的特性和改进。本文将详细介绍其中的一些新增内容,包括异步迭代器、正则表达式命名捕获组、Rest/Spread 属性、Promise.prototype.finally() 和一些语言改进。

  1. 异步迭代器

ES7 引入了可迭代协议和迭代器协议,更好地支持 for-of 循环和解构语法。ES8 引入了异步迭代器,使得开发者可以通过异步生成器异步迭代数据集合。

异步迭代器最大的优点是可以在处理异步数据时支持同步代码风格。比如我们可以遍历异步生成的 Promise 数组。

----- -------- ------------------- --------- -
  --- ----- ---- ---- -- ------ -
    ----- ---------------
  -
-

----- ---- - -
  -----------------------------
  -----------------------------
  -----------------------------
--

------------------ ----- ----- -- -
  ----- -------- - ----- -----------
  ----- ---- - ----- ----------------
  ------------------
---
  1. 正则表达式命名捕获组

在 ES5 中,我们只能根据索引值来获取捕获组匹配的结果。在 ES9 中,我们可以通过命名捕获组来更好地展现匹配结果。

例如,我们可以通过命名捕获组来获取日期字符串中的年份。

----- ---------- - -------------
----- ----- - -----------------------------------------------
----- ------ - -------------------------------
------------------------- -- ------
  1. Rest/Spread 属性

在 ES6 中,我们已经引入了对数组和对象的解构和展开操作符。在 ES9 中,我们引入了 Rest/Spread 属性,可以用于函数的参数和对象的属性定义。

-- -----
-------- ------------- --------- -
  ------------------ ----------
  ------------------- -----------
-

---------------- -------- --------- ----------

-- -------
----- ------ - - ----- -------- ---- -- --
----- ------ - - ---------- -------- ---- --
-------------------- -- - ----- -------- ---- --- -------- ---- -
  1. Promise.prototype.finally()

在 ES6 中,我们引入了 Promise 对象来更好地处理异步代码。在 ES9 中,我们引入了 Promise.prototype.finally() 方法,无论 Promise 状态如何,都会执行 finally() 方法中的代码。

------------------
  ---------------- -- ----------------
  ------------ -- ------------------
  -------------- -- ---------------------
  ----------- -- ----------------------
  1. 语言改进

除了上述新增特性,ES9 还对一些语言细节进行了改进。

例如,函数参数中可以使用 Trailing Commas。这意味着我们可以在参数列表的末尾使用逗号,从而使后续编辑该参数更方便。

-------- ------------- ------- -
  -- ---
-

另外,Object.assign() 方法现在支持将对象转换为数组(Array-like Objects)。

----- --- - - -- ------ -- ------ -- ------ ------- - --
----- --- - ----------------- -----
----------------- -- ------- ------ ------

结论

ES9 中增加了许多新的特性和改进,包括异步迭代器、正则表达式命名捕获组、Rest/Spread 属性、Promise.prototype.finally() 和一些语言改进。这些新增特性和改进可以让我们编写更加简洁和可读性更高的代码,从而提高代码效率和可维护性。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/6706232dd91dce0dc858d3a3


猜你喜欢

  • 在使用 Chai 进行 JavaScript 测试时如何避免常见错误

    作为前端开发者,我们都知道测试对于保证代码质量和减少 bug 发生至关重要。Chai 是一个流行的 JavaScript 测试框架,它可以帮助我们编写简洁、易于理解的测试代码。

    8 天前
  • 如何在 React Native 项目中使用 Enzyme 和 Jest 测试 Native Modules?

    如何在 React Native 项目中使用 Enzyme 和 Jest 测试 Native Modules? React Native 是一款优秀的跨平台移动应用开发框架,而 Enzyme 和 Je...

    9 天前
  • 使用 PM2 部署 Node.js 应用的完整指南

    介绍 本文将介绍使用 PM2 部署 Node.js 应用的全面指南。我们将从头开始介绍如何使用 PM2,在生产环境中安全可靠地部署 Node.js 应用。 什么是 PM2? PM2 是一个运行在 No...

    9 天前
  • Node.js 中的 error-first 回调函数及其优劣分析

    引言 以前在 Node.js 的回调函数中使用 try-catch 块来捕捉错误是一种普遍的做法。但是在 Node.js 的早期版本中,try-catch 块会损害应用程序的性能,因为当有很多异常抛出...

    9 天前
  • Babel 编译 ES6 代码时出现的多种错误及解决方法全汇总

    随着 ECMAScript 6 (ES6) 的发布,前端开发者可以使用更加现代的语言特性来编写 JavaScript 代码。然而,ES6 的许多新特性(如箭头函数、模板字面量等)在现有的浏览器中并不被...

    9 天前
  • 在响应式设计中如何使用 Graceful Degradation 技术

    随着移动设备和不同尺寸屏幕的普及,响应式设计已经成为现代 web 设计的重要部分。然而,为了在所有设备上提供最佳体验,我们需要考虑一些低端设备和旧版本浏览器的兼容性问题。

    9 天前
  • 按需加载 React 组件

    React 是一个非常流行的前端框架,用于构建大型 Web 应用程序。React 组件是它的基本单元,开发人员可以轻松地将多个组件组合起来,以构建出复杂的应用程序。

    9 天前
  • 从 ES5 升级到 ES6 的最佳实践

    ES6 是 JavaScript 的重要更新版本,它引入了许多新的特性,包括箭头函数、类、模板字面量、解构赋值、扩展运算符等等。这些新特性可以极大地提高开发效率和代码质量。

    9 天前
  • 如何解决 Hapi.js 的服务器假死问题?

    Hapi.js 是一款基于 Node.js 的 web 应用框架,它提供了强大的路由、插件化、数据校验等功能。但是在某些情况下,使用 Hapi.js 可能会遇到服务器假死的问题,即请求无响应,无法响应...

    9 天前
  • 利用 Mongoose 对 MongoDB 数据库进行优化

    引言 随着互联网的迅猛发展,web 开发也变得越来越重要。前端工程师需要不断地学习新技术来满足用户需求。在 web 应用程序中,数据库是一个至关重要的组成部分。Mongoose 是一个流行的 mong...

    9 天前
  • Cypress 与 Jenkins 集成实现自动化 CI/CD

    作为前端开发人员,我们需要确保我们的应用程序稳定可靠并且能够与用户的需求相匹配。为了方便以及优化开发流程,自动化测试已经成为了不可或缺的一部分。 Cypress 是一款开源的自动化测试框架,能够提供强...

    9 天前
  • JavaScript 的严格模式:如何使用 ECMAScript 2018?

    JavaScript 是一种广泛使用的编程语言,它有很多功能和特性可以帮助开发者编写出高效、可维护的代码。在这些功能和特性中,严格模式是一项非常值得注意的特性。在 ES5 中引入,严格模式使得 Jav...

    9 天前
  • 使用 Deno 和 Oak 框架创建 Web 应用程序

    简介 Deno 是一个基于 V8 引擎的 JavaScript 和 TypeScript 运行时环境,它解决了 Node.js 中存在的一些问题。它包含一个更安全的默认环境,没有 npm 的全局安装,...

    9 天前
  • MongoDB 与 MySQL 比较优劣对比分析

    前端开发中,数据库是非常关键的一部分。而目前市面上比较流行的关系型数据库是 MySQL,而非关系型数据库则是 MongoDB。在选择数据库时,应该如何权衡它们的优劣呢?本文将对 MongoDB 与 M...

    9 天前
  • 如何在 Jest 测试套件中使用 Sinon.js

    前言 在前端开发中,我们经常需要使用测试工具来确保我们的代码能够正常地运行。在这些工具中,Jest 是一个非常流行的测试套件之一,而 Sinon.js 则是一个用于编写 JavaScript 测试的伪...

    9 天前
  • PWA 技术的本地存储之 Cookies 和 localStorage 的使用

    PWA(Progressive Web App)技术是一种新型的 Web 应用开发技术,能够将 Web 应用程序打造成类似于本地应用程序的体验。PWA 技术能够在浏览器中离线访问、支持推送通知、在主屏...

    9 天前
  • 如何构建自动化 Serverless 基础架构

    随着云计算和Serverless技术的发展,越来越多的企业开始采用Serverless架构为其业务提供服务。Serverless架构有很多优点,比如可扩展性、高可用性、灵活性、易于维护等。

    9 天前
  • 如何做到列宽自适应,实现 CSS Grid 网络布局

    CSS Grid 是一个强大的 CSS 布局系统,它允许我们轻松地创建各种复杂的布局。本文将介绍如何使用 CSS Grid 实现列宽自适应,应对不同屏幕宽度下的网页布局。

    9 天前
  • 使用 ES11 中的 WeakRefs API 增强内存管理

    随着前端应用变得越来越复杂和庞大,内存管理变得越来越重要。在这方面,ES11 中添加了一项强大的功能:WeakRefs API。它可以帮助开发者更好地管理内存,减少内存泄漏的风险。

    9 天前
  • 拥有数百个 Kubernetes 命名空间时如何优化?

    在使用 Kubernetes 运行大规模的应用程序时,分离和隔离不同的资源是非常重要的。而 Kubernetes 的命名空间就是一种重要的分离和隔离机制。命名空间可以让团队在同一个 Kubernete...

    9 天前

相关推荐

    暂无文章