”工欲善其事,必先利其器。“—孔子《论语.录灵公》
首页 > 编程 > 不可变数据结构:ECMA 4 中的记录和元组

不可变数据结构:ECMA 4 中的记录和元组

发布于2024-09-04
浏览:192

Immutable Data Structures: Records and Tuples in ECMA 4

不可变数据结构:ECMAScript 2024 中的新功能

ECMAScript 2024 引入了几个令人兴奋的更新,但对我来说最突出的一个功能是引入了不可变数据结构。这些新结构——记录和元组——改变了 JavaScript 中数据管理的游戏规则。它们提供了一种令人满意的方式来保持我们的数据健全、安全和一致,当我们需要可以轻松维护的可靠应用程序时,这一点至关重要。这就是为什么不可变数据结构如此令人兴奋,以及如何最有效地使用它们。

什么是记录和元组?

记录和元组是新的数据结构,在设计上是不可变的。这意味着一旦创建了记录或元组,其内容就无法更改。任何修改它们的尝试都会导致创建新实例,而原始实例保持不变。这种不变性有助于防止意外的副作用,并使您的代码更具可预测性。

为什么使用不可变数据结构?

  • 可预测性: 不可变的数据结构使您的代码更容易推理,因为您知道一旦设置了数据,它就不会在应用程序的其他地方意外更改。
  • 调试: 通过不变性,您可以避免与数据意外修改相关的问题,从而使调试更简单。
  • 函数式编程: 不可变数据非常适合函数式编程范例,其中函数避免副作用并且数据被视为不可变。

创建和使用记录

记录就像不可变的对象。它们是用固定结构定义的,创建后不能更改。以下是如何使用记录的快速浏览:

// Creating an immutable Record const kittyFacts = 
#{ name: "Turbodog", age: 17, favoriteToy: "Laser Pointer" }; 
// Accessing values 
console.log(kittyFacts.name); 
// Outputs: Turbodog 
console.log(kittyFacts.favoriteToy); 
// Outputs: Laser Pointer 
// Attempting to modify will create a new instance 
const updatedKittyFacts = #{ ...kittyFacts, age: 18 };
console.log(kittyFacts.age); 
// Outputs: 17 (unchanged) 
console.log(updatedKittyFacts.age); 
// Outputs: 18 (new instance)

在此示例中,kittyFacts 是一个不可变的记录。对它的任何修改(例如更新年龄)都会产生新的更新的 KittyFacts 记录,而原始的 kittyFacts 保持不变。

使用元组

元组是不可变的数组,可以保存固定数量的元素。它们对于表示不应更改的有序值集合特别有用。

// Creating an immutable Tuple 
const concertSetlist = #[ "Tupelo", "Live Oak", "Strawberry Woman", "Elephant" ]; 
// Accessing values 
console.log(concertSetlist[0]);
 // Outputs: Tupelo 
console.log(concertSetlist[2]);
 // Outputs: Strawberry Woman 
// Attempting to modify will create a new instance
 const updatedSetlist = #[...concertSetlist, "Chaos and Clothes"]; 
console.log(concertSetlist.length); 
 // Outputs: 4 (unchanged) 
console.log(updatedSetlist.length);
// Outputs: 5 (new instance)
; // 访问值 console.log(concertSetlist[0]); // 输出:图珀洛 console.log(concertSetlist[2]); // 输出:草莓女人 // 尝试修改将创建一个新实例 const UpdatedSetlist = #[...concertSetlist, "混沌与衣服"]; console.log(concertSetlist.length); // 输出:4(不变) console.log(updatedSetlist.length); // 输出:5(新实例)

这里,concertSetlist 是一个不可变的元组。将新歌曲添加到歌集列表中会创建一个新的更新歌集列表元组,并保留原始歌集列表元组。

记录和元组的高级操作


记录和元组提供了用于不可变地处理数据的有用方法。例如,元组的 with 方法允许在特定索引处轻松更新:

// Creating a Tuple 
const originalMixtape = #[ "If We Were Vampires", "World Leader Pretend", "Right Back to It" ];
 // Updating a specific index 
const updatedMixtape = originalMixtape.with(1, "Turn You Inside-Out"); 
console.log(originalMixtape); 
// Outputs: #[ "If We Were Vampires", "World Leader Pretend", "Right Back to It" ]; 
console.log(updatedMixtape); 
// Outputs: #[ "If We Were Vampires", "Turn You Inside-Out", "Right Back to It" ];
// 创建元组 const originalMixtape = #

; // 更新特定索引 const UpdatedMixtape = originalMixtape.with(1, "彻底颠覆你"); console.log(originalMixtape); // 输出:#[“如果我们是吸血鬼”、“假装世界领袖”、“回到正题”]; console.log(updatedMixtape); // 输出:#[“如果我们是吸血鬼”、“把你翻个底朝天”、“回到原点”];

在此示例中,with 方法更新索引 1 处的曲目,而不更改原始的 originalMixtape。

结论

不可变数据结构(记录和元组)在 ECMAScript 2024 中引入,代表了 JavaScript 的重大改进。它们有助于提高数据一致性、简化调试并与函数式编程实践保持良好一致。通过尝试这些不可变的结构,您可以创建更可靠和可维护的应用程序,同时避免可变数据的常见意外和副作用。

来源:

https://www.interactivated.me/blog/whats-new-in-javascript-top-10-exciting-features-for-2024

https://thenewstack.io/whats-new-for-javascript-developers-in-ecmascript-2024/

https://www.w3schools.com/js/js_2024.asp

https://github.com/tc39/proposal-record-tuple

https://tc39.es/proposal-record-tuple/tutorial/

Immutable Data Structures: Records and Tuples in ECMA 4

版本声明 本文转载于:https://dev.to/wendyver/immutable-data-structures-records-and-tuples-in-ecma-2024-1n39?1如有侵犯,请联系[email protected]删除
最新教程 更多>
  • Wasp:Web 开发中 Django 的 JavaScript 答案
    Wasp:Web 开发中 Django 的 JavaScript 答案
    Wasp v Django: Building a full stack application just got a lot easier Hey, I’m Sam, a backend engineer with a lot of experience with Django....
    编程 发布于2024-11-08
  • 如何在没有键盘中断的情况下通过按键中断 While 循环?
    如何在没有键盘中断的情况下通过按键中断 While 循环?
    通过按键中断 While 循环在使用 while 循环读取串行数据并将其写入 CSV 文件的场景中,您可能希望为用户提供终止循环以停止数据收集的选项。本文探讨了在不显式使用键盘中断的情况下实现此类功能的技术。一种简单的方法是利用 try- except 块来处理 KeyboardInterrupt ...
    编程 发布于2024-11-08
  • 周 oot 训练营学习
    周 oot 训练营学习
    我决定迈出大胆的一步,参加由 LuxDevHQ 组织的我的第一个数据职业训练营。这是一个为期 5 周的训练营,旨在培养实践数据技能。该训练营旨在让人们接触至少 4 个专业领域的各种数据技能。 第一周以信息会议开始,我进行了项目定向,并​​向我介绍了该项目并了解了整个项目的期望。 在这第一周,我学到了...
    编程 发布于2024-11-08
  • 如何使用 Homebrew 和 jenv 在 Mac OS X 上管理多个 Java 版本?
    如何使用 Homebrew 和 jenv 在 Mac OS X 上管理多个 Java 版本?
    在 Mac OS X 上管理多个 Java 版本由于 Java 管理其安装的方式,在 Mac OS X 上安装多个 Java 版本可能是一项挑战。不过,有一个解决方案可以让您轻松安装和管理不同的 Java 版本:Homebrew。使用 Homebrew 和 jenvHomebrew 是一个包管理器,...
    编程 发布于2024-11-08
  • 如何创建 React 应用程序?安装与环境设置
    如何创建 React 应用程序?安装与环境设置
    在开始使用 React 构建应用程序之前,拥有正确的开发环境非常重要。以下是帮助您入门的分步指南: 步骤 1. 安装 Node.js 和 npm 设置 React 环境的第一步是安装 Node.js,因为它提供了在浏览器外部执行代码所需的 JavaScript 运行时。当您安装 Node.js 时,...
    编程 发布于2024-11-08
  • python 并发.futures
    python 并发.futures
    未来 Future 是一个容器,可以保存计算结果或计算期间发生的错误。创建 future 时,它​​以 PENDING 状态开始。该库不打算手动创建此对象,除非出于测试目的。 import concurrent.futures as futures f = futures.Futu...
    编程 发布于2024-11-08
  • 使用纯 Javascript 只需几行即可实现飞向购物车的动画。
    使用纯 Javascript 只需几行即可实现飞向购物车的动画。
    最近,我偶然发现了一个旧教程,展示了使用 jQuery 实现飞行到购物车的动画。我想通过使用纯 JavaScript 实现相同的效果来挑战自己。 我创建了一个包含产品和购物车图标的简单布局。样式并不重要,所以我们不会在这里讨论它。 诀窍是克隆产品图像,将其添加到产品元素之前。然后计算克隆图像和购物车...
    编程 发布于2024-11-08
  • Bokeh 是一个有趣的 Python 数据可视化数据工具
    Bokeh 是一个有趣的 Python 数据可视化数据工具
    数据可视化在解释大量信息方面发挥着关键作用。 Bokeh 等工具已成为构建交互式仪表板和报告的流行解决方案。每个工具都具有独特的优势,具体取决于您项目的复杂性和您首选的编程语言。在本文中,我们将深入研究每个工具,然后重点关注 Bokeh,包括实践示例和云中的部署。 以便... 什么是散景? Boke...
    编程 发布于2024-11-08
  • django-components v 模板现在与 Vue 或 React 相当
    django-components v 模板现在与 Vue 或 React 相当
    嘿,我是 Juro,我是 django-components 的维护者之一。在 v0.90-0.94 版本中,我们添加了一些功能,使模板中的组件使用更加灵活,类似于 JSX / Vue。 (此信息已经有点过时了(一个月前发布;最新的是 v0.101),因为我正忙着添加对 JS / CSS 变量、Ty...
    编程 发布于2024-11-08
  • 在 GitHub-echo 中实现 TOML 配置支持
    在 GitHub-echo 中实现 TOML 配置支持
    介绍 最近,我有机会通过添加对 TOML 配置文件的支持来增强 github-echo 命令行工具。此功能允许用户在 .github-echo-config.toml 文件中设置持久默认选项,从而减少每次使用该工具时手动输入重复配置的需要。在这篇文章中,我将向您介绍我在该功能上的经...
    编程 发布于2024-11-08
  • 如何使用 SimpleXML 和 DOMDocument 删除 XPath 节点?
    如何使用 SimpleXML 和 DOMDocument 删除 XPath 节点?
    SimpleXML:删除 XPath 节点在本文中,我们将探讨如何使用以下方法有效地从 XML 文档中删除父节点: SimpleXML 和 XPath。了解 SimpleXML限制提供的代码尝试使用 SimpleXML 在通过 XPath 找到父节点后删除它。然而,SimpleXML 的 unset...
    编程 发布于2024-11-08
  • 创建一个 React Hook 以任意角度旋转图像
    创建一个 React Hook 以任意角度旋转图像
    在Web开发中,您可能需要旋转图像,这在CSS中很容易做到。像这样的简单代码变换:rotate(90deg);。但是如果我们想用 JS 来做呢? TLDR 将图像绘制到浏览器环境中的画布上并旋转它。但在此之前,我们需要做一些数学运算来保持原始图像的长宽比。 核 假设我...
    编程 发布于2024-11-08
  • Lithe 中间件:它是如何工作的以及如何创建自己的中间件
    Lithe 中间件:它是如何工作的以及如何创建自己的中间件
    中间件提供了一种方便的机制来检查和过滤进入应用程序的 HTTP 请求。 例如,Lithe 包含检查用户是否经过身份验证的中间件。如果没有,中间件会将用户重定向到登录屏幕。如果用户通过身份验证,中间件将允许请求继续。 中间件如何在 Lithe 中工作 在 Lithe 中,中间件是能够访...
    编程 发布于2024-11-08
  • 如何在 JavaScript 中创建具有重复元素的数组?
    如何在 JavaScript 中创建具有重复元素的数组?
    JavaScript 中重复元素的数组创建具有多次重复的相同元素的数组在各种编程场景中至关重要。在 Python 中,这可以通过列表乘法来实现,如 [2] * 5 中所示。但是,此功能在 JavaScript 数组中不能直接使用。自定义函数方法为了满足这种需求,一种方法是创建自定义函数,例如问题中提...
    编程 发布于2024-11-08
  • ## MySQL 中的 LIKE 与 LOCATE:哪个运算符是性能之王?
    ## MySQL 中的 LIKE 与 LOCATE:哪个运算符是性能之王?
    MySQL LIKE 与 LOCATE 性能比较在 MySQL 中查找数据时,你可能想知道 LIKE 和 LOCATE 哪个运算符效率更高?本文探讨了这两个运算符之间的性能差异。在典型的使用场景中,LIKE 比 LOCATE 稍快。这主要是因为 LIKE 不像 LOCATE 那样执行与 0 的额外比...
    编程 发布于2024-11-08

免责声明: 提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发到邮箱:[email protected] 我们会第一时间内为您处理。

Copyright© 2022 湘ICP备2022001581号-3