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

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

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

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

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

toSorted()

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

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

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

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

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

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

toReversed()

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

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

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

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

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

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

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

toSpliced()

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

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

从最后开始查找数组

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

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

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

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

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

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

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

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

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

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

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

Array with() 方法

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

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

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

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

总结

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

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

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

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

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

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

标签:
  • 热门焦点
Top