本周 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的详细内容,更多请关注创想鸟其它相关文章!

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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月19日 20:55:57
下一篇 2025年12月19日 20:56:14

相关推荐

  • NgSysV: Firestore CRUD templates

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

    2025年12月19日
    000
  • &#新&#关键字

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

    2025年12月19日
    000
  • 谷歌个人资料设计

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

    2025年12月19日
    000
  • JavaScript 数学对象备忘单

    javascript 中的 math 对象提供了一组用于执行数学任务的属性和方法。这是 math 对象的综合备忘单。 属性 math 对象有一组常量: property description value (approx.) math.eeuler’s number2.718math.l…

    2025年12月19日
    000
  • QueryBuilder 实践第 1 部分

    一般使用 node.js 或具体使用 total.js 构建应用程序时,高效查询和管理数据至关重要。在本博客中,我们将介绍如何使用 total.js querybuilder 执行基本数据操作。第一部分将介绍基本概念,演示插入和检索数据等核心操作,并展示实际示例以帮助您入门。 入门:探索 total…

    2025年12月19日
    000
  • NgSysV响应式/自适应设计

    该帖子系列已在 ngatesystems.com 上建立索引。您还可以在那里找到超级有用的关键字搜索工具。 最后评论:24 年 11 月 一、简介 帖子 4.2 透露,如果您希望您的 web 应用程序出现在网络搜索中,您必须确保: 您的网络应用程序在手机小屏幕上查看时效果良好,并且您想要被搜索引擎索…

    2025年12月19日
    000
  • 带有 UI 的 Github 图像托管 API

    该项目是使用 github 存储库作为图像托管服务的概念证明。该 api 允许用户从存储库上传、列出和删除图像文件,提供了一个简单的界面来管理 github 上托管的文件。 github:masfana/github-image-bucket-api 安装 要设置并运行此项目,您需要在系统上安装 n…

    2025年12月19日
    000
  • 渐进式 Web 应用程序:现代 Web 开发的终极指南

    渐进式 Web 应用程序:概述渐进式 Web 应用程序是可以使用离线缓存安装的独立应用程序。它们可以安装在单个代码库上的所有设备上,为您提供类似本机的体验。它们于 2016 年推出,是作为特定于设备的应用程序的替代方案而构建的,但现在可以在一系列不同的系统上使用,包括桌面和移动设备。开发渐进式 We…

    2025年12月19日
    000
  • 在 React 中为 graphQL 请求设置 Apollo 客户端

    介绍 本文将演示如何使用 apolloclient 库为 graphql 请求设置 react 应用程序。目标是展示如何配置应用程序并提供如何发出请求的示例。 库 @apollo/client:启用状态管理并发出 graphql 请求的库graphql:允许解析 graphql 查询的库 将库添加到…

    2025年12月19日
    000
  • React:ReCAPTCHA vlient 和服务器演示

    在此演示中,我将在基于 next.js 构建的 react 应用程序中使用 google recaptcha v3 凭据。 recaptcha 令牌将在客户端生成并在服务器端验证。 链接 演示 代码库 第 1 步:生成您的 recaptcha 凭证 前往 google recaptcha v3 并生…

    2025年12月19日
    000
  • Chunk-Busters:不要跨越溪流!

    ⚠️ 如果您有光敏性,您可能想跳过此操作。请参阅下面的静态图片,这些灯将开始快速闪烁! 互联网如何运作? 记住标题……我们在这里讨论的是流。 我可以谈论协议、数据包、排序、acks 和 nacks…但我们在这里谈论流,正如你可能猜对了(我相信你 =d)流…它要么是二进制,要么是字符串。 是的,字符串…

    好文分享 2025年12月19日
    000
  • 顶级笔-来源 Nextjs Boilerplates/Starter

    next.js 是一个构建在 node.js 之上的开源 web 开发框架,支持基于 react 的 web 应用程序功能,例如服务器端渲染和生成静态网站。 虽然Next.js。官方允许我们通过 npx create-next-app@latest 命令快速创建 Next.js 项目,成熟的 Web…

    2025年12月19日 好文分享
    000
  • 使用 TypeScript 构建可测试的 CloudFront 函数

    aws cloudfront functions 是一个强大的工具,用于在边缘运行轻量级 javascript 代码,允许您操作请求和响应。 但是,aws 要求这些函数用 vanilla javascript 编写,这对于喜欢 typescript 类型安全和现代语法的开发人员来说可能会受到限制。 …

    2025年12月19日
    000
  • Playwright:用于高效测试的实用程序中的 GraphQL 请求

    使用 playwright 等端到端测试框架时,模拟 graphql 请求可以显着提高测试可靠性和速度。受到 jay freestone 优秀博客文章 stubbing graphql requests in playwright 的启发,我决定构建一个可重用的实用函数,允许灵活的 graphql …

    2025年12月19日
    000
  • 现代低代码测试平台

    通过智能元素识别进行可视化记录和回放现代工具现在使用人工智能比传统选择器更可靠地识别元素。例如:蟒蛇 # traditional explicit selector approachbutton = driver.find_element(by.xpath, “//button[@id=’submi…

    2025年12月19日
    000
  • 智能登录系统

    使用 html、css、bootstrap 和 javascript 构建简单的登录系统 作为前端开发人员开始我的旅程既充满挑战又充满收获。我的第一个项目是创建一个基本的登录系统。虽然概念简单,但它使我能够应用前端开发的基本概念,并学习如何使用浏览器本地存储来存储用户数据。 这是我处理这个项目的方法…

    2025年12月19日
    000
  • JavaScript中如何正确处理Promise对象返回的字符串?

    如何处理 javascript 中从字符串获取的 “[object promise]” 结果 在 javascript 中,有时你会获得一个包含字符串的 promise 对象,但当你在控制台中显示它时,它显示为 “[object promise]”。这可能是因为你尝试直接返回 promise,而不是…

    2025年12月19日
    000
  • JavaScript异步函数:如何正确获取字符串返回值?

    如何从异步函数中正确取回字符串值? 在 javascript 中,使用 async 函数进行异步操作时,返回的值通常是一个 promise 对象。当 promise 对象被解析时,它会包含所请求数据。然而,直接返回 promise 对象会导致 [object promise] 的错误,因为试图将它当…

    2025年12月19日
    000
  • Vue中如何使用vue-jsonwebtoken库处理JWT?

    vue 中如何使用 jwt 在 vue 中使用 json web 令牌 (jwt) 需要一个特殊的库,因为原生 javascript 并不支持此功能。推荐使用 vue-jsonwebtoken 库,它专为在 vue 应用程序中使用 jwt 而设计。 安装 npm install vue-jsonwe…

    2025年12月19日
    000
  • JavaScript异步操作返回Promise对象而不是字符串怎么办

    解决“获得字符串但 return 值为 [object promise]”的问题 在 javascript 中,遇到 suchproblem 是因为异步处理导致的。当使用 await 关键字获取异步请求的结果时,javascript 实际上返回的是一个 promise 对象,而不是实际值。 在提供的…

    2025年12月19日
    000

发表回复

登录后才能评论
关注微信