本周 JavaScript 2

本周 javascript 2

javascript 不断发展。最新的重大更新 ecmascript 2023 (es14) 于 2023 年 6 月发布。此更新引入了多项新功能,增强了语言的功能并提高了开发人员的效率。

ecmascript 2023 的主要特性

1。顶级等待
顶层await的引入允许开发者在模块的顶层使用await关键字,简化了异步代码,而无需将其包装在异步函数中。

// using top-level awaitconst data = await fetch('https://api.example.com/data');const jsondata = await data.json();console.log(jsondata);

登录后复制

2。新数组方法
ecmascript 2023 添加了几种新的数组操作方法,这些方法不会改变原始数组:

tosorted():返回一个新的排序数组。toreversed():返回一个新数组,其中元素的顺序相反。tospliced():返回一个新数组,其中删除或添加了元素,而不改变原始数组。

示例:

const numbers = [3, 1, 4, 1, 5];// using tosortedconst sortednumbers = numbers.tosorted();console.log(sortednumbers); // [1, 1, 3, 4, 5]// using toreversedconst reversednumbers = numbers.toreversed();console.log(reversednumbers); // [5, 1, 4, 1, 3]// using tosplicedconst splicednumbers = numbers.tospliced(1, 2); // remove two elements starting from index 1console.log(splicednumbers); // [3, 5]

登录后复制

3。 findlast() 和 findlastindex()
这些方法允许您找到满足特定条件的最后一个元素或索引,而无需先反转数组。

示例:

const numbers = [5, 12, 50, 130, 44];// using findlastconst lastgreaterthan40 = numbers.findlast(num => num > 40);console.log(lastgreaterthan40); // 130// using findlastindexconst lastindexgreaterthan40 = numbers.findlastindex(num => num > 40);console.log(lastindexgreaterthan40); // 3 (index of 130)

登录后复制

4。 regexp 匹配索引 api
此功能通过提供字符串中匹配的开始和结束索引来增强正则表达式。

示例:

const regex = /(foo)/g;const str = 'foo bar foo baz';const matches = [...str.matchall(regex)];for (const match of matches) {    console.log(`match: ${match[0]}, indices: ${match.indices[0]}`);}// output:// match: foo, indices: [0, 3]// match: foo, indices: [10, 13]

登录后复制

5。错误原因扩展
此功能允许开发人员在抛出错误时通过附加原因属性来提供额外的上下文。

示例:

try {    throw new Error('Something went wrong', { cause: 'Invalid input' });} catch (error) {    console.error(error.message); // Something went wrong    console.error(error.cause); // Invalid Input}

登录后复制

展望未来:ecmascript 2024
当我们展望 ecmascript 2024 (es15) 时,预期的功能包括:

用于改进日期和时间处理的时态 api。realms api 可在 javascript 环境中提供更好的安全性和隔离性。不可变的数据结构,例如记录和元组。高级模式匹配,可实现更高效的数据搜索。用于增强类和方法的装饰器语法。

这些即将推出的功能旨在进一步简化开发流程并提高代码清晰度和安全性。

总而言之,ecmascript 2023 带来了重大增强,改善了开发人员与数组交互、处理异步操作、管理错误以及使用正则表达式的方式。

以上就是本周 JavaScript 2的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2648352.html

(0)
上一篇 2025年3月7日 08:09:52
下一篇 2025年3月7日 08:09:58

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • NgSysV: Firestore CRUD templates

    该帖子系列已在 ngatesystems.com 上建立索引。您还可以在那里找到超级有用的关键字搜索工具。 最后评论:24 年 11 月 介绍 google 提供的关于 firestore crud(创建、读取、更新、删除)说明的大量在线文…

    2025年3月7日
    200
  • &#新&#关键字

    在 javascript 中,“new”关键字通过构造函数创建对象的新实例。 新关键字的目的: 对象创建。原型链接。绑定“this”并返回新创建的对象。 运作原理: 当您在构造函数中使用 new 关键字时,将执行以下步骤: 创建了一个新的空…

    2025年3月7日
    200
  • 谷歌个人资料设计

    Google 不仅是一家商业公司,而且还是一项便捷的国际服务,用于智能存储有关用户及其需求的数据。 在我看来,与 Mail 相比,这是一个规模更大的系统,涵盖了与用户合作的许多微妙之处,包括考虑到个人数据法。 当我们谈论社交网络上的个人资料…

    2025年3月7日
    200
  • 简单干净的代码#1

    更改此: if (user.active === true && user.age >= 18 && user.email !== null && user.email !== unde…

    2025年3月7日
    200
  • Astro中的神秘显示:揭开开发环境的秘密

    静态站点生成器之旅 多年来,我一直致力于 wordpress 项目,但最近我转向了 astro。借助人工智能的定制帮助,我以为我可以创建自己的主题,但那是天真的。 tailwindcss 对我来说是新的 – 我以前甚至没有使用过…

    2025年3月7日
    200
  • TypeScript Utility Types: A Complete Guide

    tl;dr: typescript 实用程序类型是预先构建的函数,可以转换现有类型,使您的代码更干净且更易于维护。本文通过实际示例解释了基本实用程序类型,包括如何更新用户配置文件、管理配置和安全地过滤数据。 typescript 是现代 w…

    2025年3月7日
    200
  • Radix UI 用自定义调色板替换 Radix Color

    在我正在开发的新 next.js 项目中,我选择 tailwind css 和 radix ui 进行样式设置。 radix ui 提供了一个自定义调色板工具,允许开发人员定义自己的强调色和灰色。然而,我搜索了整个文档,并没有找到实现自定义…

    2025年3月7日
    200
  • Nextjs:具有 API 集成的动态路由

    想法 next.js 提供了一个基于文件的路由系统,支持动态路由(例如 /product/[id])。您可以将其与动态数据获取结合起来,创建灵活且可扩展的应用程序。这对于电子商务产品页面、用户个人资料或任何具有唯一标识符的内容等情况特别有用…

    2025年3月7日
    200
  • TIL 如何使用 JS 查看 GitLab 上的整个提交列

    这是很久以前的事了,但我将其添加到这里作为自我注释。 每当你在 gitlab 上打开 ci/cd > pipelines 时,你可能经常会看到这样的东西: 您可以通过在浏览器上打开开发控制台并更改一些 css 来修复样式来查看整个内容…

    2025年3月7日 编程技术
    200
  • 在 Nuxt 中发送电子邮件 我如何在 SaaS 样板中处理电子邮件

    如果您正在 nuxt 3 中构建任何严肃的东西,您将需要发送电子邮件。这是我的设置,可让您在 resend、sendgrid 或任何其他提供程序之间切换,而无需重写代码。 设置 adonisjs mail(我让它在 adonisjs 之外工…

    2025年3月7日
    200

发表回复

登录后才能评论