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

开发 前端
随着 React 的崛起,我们看到声明式 JavaScript 在受欢迎程度上猛增;更多的这样的元素以甜美的语法糖的形式内置在语言中也是理所当然的。

在过去的 10 年里,JavaScript 已经取得了长足的进步,每个版本都有全新的功能升级。

我们来看看 ES14(2023)中到来的 5 个最重要的特性;并看看你错过了哪些。

toSorted()

toSorted() 方法使得对数组进行排序并返回一个不发生变异的副本变得更加容易。

不用这样做:

现在可以做到这一点:

图片图片

toSorted() 接受一个回调来控制排序行为 - 升序或降序,字母或数字。就像 sort() 一样。

toReversed()

另一个新的 Array 方法用于促进不变性和函数式编程。

之前 reverse() ❌:

图片图片

现在 - 有 toReversed() ✅:

图片图片

不可变的方法非常棒,可以不断地链式调用方法,而不用担心原始变量:

图片图片

toSpliced()

这是 .splice() 的不可变副本:

图片图片

从最后开始查找数组

从第一项开始搜索并不总是理想的:

图片图片

可以轻易看出,相比从头开始,我从我们庞大列表的末尾开始搜索会快得多。

图片图片

就像我们想在一系列数字中找到最后一个偶数, find 和 findIndex 将会非常不准确。

图片图片

并且调用 reverse() 也不会起作用,即使它会很慢:

图片图片

所以在像 findLast() 和 findLastIndex() 方法派上用场的情况下。

图片图片

这段代码更短,更易读。最重要的是,它得到了正确的结果。

Array with() 方法

with() 是我们快速更改数组元素而完全不进行变异的方式。而不是这种常规方式:

图片图片

ES14:

图片图片

总结

随着 React 的崛起,我们看到声明式 JavaScript 在受欢迎程度上猛增;更多的这样的元素以甜美的语法糖的形式内置在语言中也是理所当然的。

它们有其他特性,但 ES14 全都是关于更简单的函数式编程和内置的不变性。

责任编辑:武晓燕 来源: 大迁世界
相关推荐

2024-08-12 08:36:28

2024-07-17 13:43:04

2024-08-01 08:38:59

2024-07-30 08:40:00

2024-07-25 08:37:48

2024-08-16 09:14:53

2023-11-23 10:21:11

ECMAScriptJavaScript

2024-08-19 08:35:11

2019-01-23 09:15:30

物联网IOT技术

2022-09-30 14:00:50

JavaScrip新特性代码

2024-01-11 12:17:28

Linux系统命令

2022-08-05 13:14:25

ES2022JavaScript代码

2015-07-29 10:46:20

Java错误

2023-04-19 15:26:52

JavaScriptES13开发

2009-06-10 21:58:51

Javascript常

2018-10-12 22:34:07

物联网感知层安全IOT

2022-02-22 23:39:15

JavaScript编程语言Web

2013-08-27 14:03:05

鲍尔默微软

2024-08-05 08:38:13

2020-11-04 11:05:38

JavaScript新特性前端
点赞
收藏

51CTO技术栈公众号