ECMAScript 2018 (ES9.0) 概览

面试官:小伙子,你的代码为什么这么丝滑?

ECMAScript 2018,又称 ES9.0,是 JavaScript 语言的一个新版本,于 2018 年 6 月正式发布。本文将对 ES9.0 中的新特性进行详细介绍和解释,并提供相应的示例代码和学习指导。

Promise.prototype.finally()

Promise.prototype.finally() 是 Promise 对象的一个新方法,它总是会在 Promise 完成之前被调用,并且不管 Promise 成功或者失败都会执行。这个方法相比于 Promise.prototype.then() 方法更有用,因为它不需要额外传递处理成功或者失败的回调函数。

下面是一个简单的示例:

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

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

在上面的代码中,Promise.finally() 方法的作用是打印日志,无论 fetchJSON 方法的结果是成功或者失败。

Rest/Spread 属性

ES9.0 引入了 Rest/Spread 属性语法,用于扩展现有对象或数组的属性。

下面是一个简单的示例:

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

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

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

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

在上面的代码中,使用 Rest/Spread 属性语法将两个对象 personaddress 合并到了一个新的对象 completePerson 中。

正则表达式的命名捕获组

ES9.0 支持给正则表达式的捕获组定义名称,并且可以通过名称访问对应的值。这个特性可以让正则表达式的代码更加可读和易于维护。

下面是一个简单的示例:

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

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

在上面的代码中,我们通过给正则表达式的捕获组定义名称 <id>,然后通过名称访问捕获到的值。

Async Iteration

ES9.0 引入了 Async Iteration,让开发者可以更方便地使用异步迭代器进行遍历和处理数据。使用 Async Iteration,开发者可以等待异步操作结果返回之后再进行下一步的操作。

下面是一个简单的示例:

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

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

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

在上面的代码中,我们使用了异步生成器函数 asyncGenerator() 生成了一个异步迭代器,然后使用 for await 循环异步遍历了这个迭代器中的值。

其他变化

除了以上提到的新特性之外,ES9.0 中还有一些其他的变化,比如:

  • Object.values()Object.entries() 方法:分别返回对象的所有值和键值对。
  • String.prototype.trimStart()String.prototype.trimEnd() 方法:分别用于清除字符串开头和结尾的空格。
  • 异步函数的 try...catch 语法支持:在异步函数中可以使用 try...catch 来捕获异步操作中的错误。

结论

ES9.0 引入的新特性和改进让 JavaScript 语言更加强大和灵活,让开发者们可以更方便地开发高效、可读和易于维护的代码。我们建议开发者们及时学习和掌握这些新特性,以便更好地提高自己的编码能力和代码品质。

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


猜你喜欢

  • CSS Reset 出现 “Default value for anonymous function” 的解决办法

    近年来,Web开发技术发展迅速,前端技术也越来越丰富。在实际开发中,CSS Reset是前端开发中必不可少的一项技术。CSS Reset能够重置不同浏览器对各个元素的默认样式,方便开发者实现自定义样式...

    8 天前
  • 如何处理 AngularJS 中的 404 页面?

    在使用 AngularJS 开发前端应用程序时,有时会遇到页面无法找到的情况。此时,服务器将返回 404 错误页面,而对于单页应用而言,我们需要在客户端进行处理。本文将介绍如何在 AngularJS ...

    8 天前
  • 如何打造一个高性能的响应式网站

    随着移动设备的普及,越来越多的用户倾向于使用手机和平板电脑来访问网站,这也意味着我们需要打造一个高性能的响应式网站来满足用户需求。在本文中,我们将深入讨论如何打造一个高性能的响应式网站,包括优化网站速...

    8 天前
  • PWA 应用中的横竖屏适配方案

    在许多 PWA 应用中,横竖屏的适配问题是一个不可忽视的问题。不同的设备可能具有不同的显示方向,因此,为了提高用户的体验和应用的稳定性,我们必须对不同的屏幕方向进行适配。

    8 天前
  • Jest 的断言函数及其使用

    前言 在前端开发中,我们需要进行大量的测试工作来保证代码的质量。而 Jest 则是一个流行的 JavaScript 测试框架,用于在控制台执行测试并生成详细的测试报告。

    8 天前
  • Material Design 中对监听菜单 delete 的实现方式

    Material Design 是 Google 推出的一套全新的设计风格。它提供了一些规范的 UI 组件和样式,使得 web 开发者们能够快速搭建具有 Material Design 风格的界面。

    8 天前
  • Serverless: 如何迅速构建并发布 Lambda 函数

    Serverless 是一种无服务器的架构模型,是一种新型的云计算服务模式。借助 Serverless,开发者可以快速构建并发布 Lambda 函数来处理特定的业务场景,而不需要考虑服务器的扩容、维护...

    8 天前
  • ES10 中新增的可选捕获组

    随着 JavaScript 语言的不断发展,它的表达力和功能也不断地扩展和提升。ES10 中新增的可选捕获组就是其中之一,它为开发者提供了更便捷的处理字符串的方式。

    8 天前
  • 如何增加 RESTful API 的稳定性和可靠性

    RESTful API 是一种常见的网络应用程序接口,具有很高的可扩展性和互操作性。然而,由于网络不稳定、客户请求不可预测和服务器端资源限制等原因,RESTful API 也经常面临着稳定性和可靠性的...

    8 天前
  • Redux 中的数据更新问题及解决方案

    随着前端应用程序的复杂性越来越高,数据的管理和维护也变得越来越困难。Redux 是一个流行的数据管理库,可以让你方便地管理应用程序的数据流。然而,如果你不小心处理数据更新,将会遇到一些常见的问题。

    8 天前
  • Hapi.js 的路由管理及优化技巧

    随着现代化 Web 应用程序的发展,服务器端应用程序越来越复杂。在处理客户端请求时,有效的路由管理和优化技巧是一个不可或缺的组成部分。Hapi.js 是一个功能强大的 Node.js Framewor...

    8 天前
  • Fastify 如何使用 Jest 实现单元测试?

    Fastify 是一个快速、低开销且插件化的 Web 框架,非常适合构建高效的 RESTful API。当你在使用 Fastify 开发应用程序时,为了保证质量和稳定性,你需要编写单元测试。

    8 天前
  • 在 GraphQL 中实现高并发性能的技巧及实现方法

    GraphQL 是一个由 Facebook 开发的数据查询语言,它使用类型和字段来定义和查询 API,能够帮助我们更高效地请求数据和构建应用程序。 在使用 GraphQL 进行开发过程中,我们会遇到一...

    8 天前
  • 开发与构建 Web Components

    Web Components 是一种基于原生 Web 技术,由 HTML、CSS 和 JavaScript 组成的可复用组件。它们允许开发者将自定义元素、模板和 Shadow DOM 隐藏性封装起来,...

    8 天前
  • 如何在 Enzyme 测试中模拟 Windows 的 localStorage?

    在前端应用程序开发中,测试是至关重要的环节。Enzyme 是一个 React 测试工具库,可以帮助我们测试 React 组件。在测试过程中,有时候需要模拟浏览器的 API,如 localStorage...

    8 天前
  • React.js 中使用异步数据加载构建 SPA 的最佳方法

    React.js 是一种基于组件的 JavaScript 库,用于构建用户界面。随着 Web 应用需求日趋复杂,React.js 的应用范围也越来越广泛。在构建单页应用程序(SPA)时,与数据交互是必...

    8 天前
  • React+Redux 架构下如何实现多语言切换

    介绍 随着互联网的普及,多语言网站越来越受到人们的关注。在构建 React+Redux 应用程序时,如何实现多语言切换是一个非常重要的问题。在本文中,我们将介绍如何在 React+Redux 应用程序...

    8 天前
  • Hapi.js 与 Express.js 的区别及优缺点分析

    在 Node.js 平台上,Express.js 是一款非常流行的 Web 应用框架,不过近年来 Hapi.js 也越来越受到欢迎,两者在功能和设计上有一些不同,本文将会尝试比较 Hapi.js 和 ...

    8 天前
  • Headless CMS 处理反爬虫的技巧

    前言 在现代 web 应用中,爬虫已经成为了一个不可忽视的问题。尤其是对于 Headless CMS 等前端技术来说,由于其数据获取逻辑经常靠前端执行,因此容易被反爬虫机制拦截。

    8 天前
  • Socket.io 实现聊天室时遇到的问题及其解决方案

    Socket.io 是一款实现实时双向通信的 JavaScript 库,其支持浏览器与服务器之间的实时通信。在构建聊天室应用程序时,Socket.io 是一个不可或缺的选择。

    8 天前

相关推荐

    暂无文章