当前位置:首页 > 科技  > 软件

ES14 中最具变革性的五个 JavaScript 特性

来源: 责编: 时间:2024-06-14 17:37:33 249观看
导读在过去的 10 年里,JavaScript 已经取得了长足的进步,每个版本都有全新的功能升级。我们来看看 ES14(2023)中到来的 5 个最重要的特性;并看看你错过了哪些。toSorted()toSorted() 方法使得对数组进行排序并返回一个不发生变

在过去的 10 年里,JavaScript 已经取得了长足的进步,每个版本都有全新的功能升级。p5U28资讯网——每日最新资讯28at.com

我们来看看 ES14(2023)中到来的 5 个最重要的特性;并看看你错过了哪些。p5U28资讯网——每日最新资讯28at.com

toSorted()

toSorted() 方法使得对数组进行排序并返回一个不发生变异的副本变得更加容易。p5U28资讯网——每日最新资讯28at.com

不用这样做:p5U28资讯网——每日最新资讯28at.com

p5U28资讯网——每日最新资讯28at.com

现在可以做到这一点:p5U28资讯网——每日最新资讯28at.com

图片图片p5U28资讯网——每日最新资讯28at.com

toSorted() 接受一个回调来控制排序行为 - 升序或降序,字母或数字。就像 sort() 一样。p5U28资讯网——每日最新资讯28at.com

toReversed()

另一个新的 Array 方法用于促进不变性和函数式编程。p5U28资讯网——每日最新资讯28at.com

之前 reverse() ❌:p5U28资讯网——每日最新资讯28at.com

图片图片p5U28资讯网——每日最新资讯28at.com

现在 - 有 toReversed() ✅:p5U28资讯网——每日最新资讯28at.com

图片图片p5U28资讯网——每日最新资讯28at.com

不可变的方法非常棒,可以不断地链式调用方法,而不用担心原始变量:p5U28资讯网——每日最新资讯28at.com

图片图片p5U28资讯网——每日最新资讯28at.com

toSpliced()

这是 .splice() 的不可变副本:p5U28资讯网——每日最新资讯28at.com

图片图片p5U28资讯网——每日最新资讯28at.com

从最后开始查找数组

从第一项开始搜索并不总是理想的:p5U28资讯网——每日最新资讯28at.com

图片图片p5U28资讯网——每日最新资讯28at.com

可以轻易看出,相比从头开始,我从我们庞大列表的末尾开始搜索会快得多。p5U28资讯网——每日最新资讯28at.com

图片图片p5U28资讯网——每日最新资讯28at.com

就像我们想在一系列数字中找到最后一个偶数, find 和 findIndex 将会非常不准确。p5U28资讯网——每日最新资讯28at.com

图片图片p5U28资讯网——每日最新资讯28at.com

并且调用 reverse() 也不会起作用,即使它会很慢:p5U28资讯网——每日最新资讯28at.com

图片图片p5U28资讯网——每日最新资讯28at.com

所以在像 findLast() 和 findLastIndex() 方法派上用场的情况下。p5U28资讯网——每日最新资讯28at.com

图片图片p5U28资讯网——每日最新资讯28at.com

这段代码更短,更易读。最重要的是,它得到了正确的结果。p5U28资讯网——每日最新资讯28at.com

Array with() 方法

with() 是我们快速更改数组元素而完全不进行变异的方式。而不是这种常规方式:p5U28资讯网——每日最新资讯28at.com

图片图片p5U28资讯网——每日最新资讯28at.com

ES14:p5U28资讯网——每日最新资讯28at.com

图片图片p5U28资讯网——每日最新资讯28at.com

总结

随着 React 的崛起,我们看到声明式 JavaScript 在受欢迎程度上猛增;更多的这样的元素以甜美的语法糖的形式内置在语言中也是理所当然的。p5U28资讯网——每日最新资讯28at.com

它们有其他特性,但 ES14 全都是关于更简单的函数式编程和内置的不变性。p5U28资讯网——每日最新资讯28at.com

本文链接:http://www.28at.com/showinfo-26-93858-0.htmlES14 中最具变革性的五个 JavaScript 特性

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。邮件:2376512515@qq.com

上一篇: UseState是干啥的?有哪些坑?

下一篇: Java面试中AQS最全面解析

标签:
  • 热门焦点
  • 俄罗斯:将审查iPhone等外国公司设备 保数据安全

    iPhone和特斯拉都属于在各自领域领头羊的品牌,推出的产品也也都是数一数二的,但对于一些国家而言,它们的产品可靠性和安全性还是在限制范围内。近日,俄罗斯联邦通信、信息技术
  • 红魔电竞平板评测:大屏幕硬实力

    前言:三年的疫情因为要上网课的原因激活了平板市场,如今网课的时代已经过去,大家的生活都恢复到了正轨,这也就意味着,真正考验平板电脑生存的环境来了。也就是面对着这种残酷的
  • 6月iOS设备好评榜:第一蝉联榜首近一年

    作为安兔兔各种榜单里变化最小的那个,2023年6月的iOS好评榜和上个月相比没有任何排名上的变化,仅仅是部分设备好评率的下降,长年累月的用户评价和逐渐退出市场的老款机器让这
  • 容量越大越不坏?24万块硬盘故障率报告公布 这些产品零故障

    8月5日消息,云存储服务商Backblaze发布了最新的硬盘故障率报告,年故障率有所上升。Backblaze发布的硬盘季度统计数据,其中包括故障率等重要方面。这些结
  • 服务存储设计模式:Cache-Aside模式

    Cache-Aside模式一种常用的缓存方式,通常是把数据从主存储加载到KV缓存中,加速后续的访问。在存在重复度的场景,Cache-Aside可以提升服务性能,降低底层存储的压力,缺点是缓存和底
  • 得物效率前端微应用推进过程与思考

    一、背景效率工程随着业务的发展,组织规模的扩大,越来越多的企业开始意识到协作效率对于企业团队的重要性,甚至是决定其在某个行业竞争中突围的关键,是企业长久生存的根本。得物
  • 使用Webdriver-manager解决浏览器与驱动不匹配所带来自动化无法执行的问题

    1、前言在我们使用 Selenium 进行 UI 自动化测试时,常常会因为浏览器驱动与浏览器版本不匹配,而导致自动化测试无法执行,需要手动去下载对应的驱动版本,并替换原有的驱动,可能还
  • 慕岩炮轰抖音,百合网今何在?

    来源:价值研究所 作者:Hernanderz“难道就因为自己的一个产品牛逼了,从客服到总裁,都不愿意正视自己产品和运营上的问题,选择逃避了吗?”这一番话,出自百合网联合创
  • 英特尔Xe HPG游戏显卡:拥有512EU,单风扇版本

    据10 月 30 日外媒 TheVerge 消息报道,英特尔 Xe HPG Arc Alchemist 的正面实被曝光,不仅拥有 512 EU 版显卡,还拥有 128EU 的单风扇版本。另外,这款显卡 PCB
Top