ES 2023 新特性概述

于2023年6月27日ECMA大会批准了ECMAScript 2023(es14)规范，意味着新的一些语法将正式成为标准。下面整理关于ES 2023的新特性:

从后往前查找数组（Array find from last）
Hashbang 语法（Hashbang Grammar）
WeakMap支持使用Symbol作为key（Symbols as WeakMap keys）
不改变原数组的新的原型方法（Change Array by Copy）

数组倒序查找

在数组中查找元素是常见的需求，以下是我们遍历数组中常用的两个方法，但是目前这两种方法都是从前往后遍历的。

Array.prototype.find() : 返回第一个查找到的元素，如果没有找到，返回 undefined
Array.prototype.findIndex() : 返回第一个查找到的元素的索引，如果没有找到，返回 -1

let nums = [5,4,3,2,1];
let lastEven = nums.findLast((num) => num % 2 === 0); // 2
let lastEvenIndex = nums.findLastIndex((num) => num % 2 === 0); // 3

新增了两个数组方法findLast()和findLastIndex() ，用法跟 find 和 findIndex 完全一致，唯一的区别就是它们会从数组的最后一个成员开始，依次向前检查。这两个方法都很方便，可跳过创建临时的重复、突变和混乱的索引减法。

Hashbang 语法

Hashbang也称为shebang，就是在文件开头的一行，以 #! 开头的注释，用来指定脚本的解释器，表示可在注释中包含任意文本。

#!/usr/bin/env node
// in the Script Goal
'use strict';
console.log(1);

这个注释的意思是，使用 `Node.js` 作为解释器来运行这个脚本。只有当脚本直接在 shell 中运行时，Hashbang 语法才有语意意义，其他环境下 JavaScript 解释器会把它视为普通注释。

将符号作为WeakMap键

WeakMap结构与Map结构类似，也是用于生成键值对的集合。

在弱集合和注册表中使用符号

注意：注册的符号不可作为 weakmap 键。

let sym = Symbol("foo");
let obj = {name: "bar"};
let wm = new WeakMap();
wm.set(sym, obj);
console.log(wm.get(sym)); // {name: "bar"}

sym = Symbol("foo");
let ws = new WeakSet();
ws.add(sym);
console.log(ws.has(sym)); // true

sym = Symbol("foo");
let wr = new WeakRef(sym);
console.log(wr.deref()); // Symbol(foo)

sym = Symbol("foo");
let cb = (value) => {
  console.log("Finalized:", value);
};
let fr = new FinalizationRegistry(cb);
obj = {name: "bar"};
fr.register(obj, "bar", sym);
fr.unregister(sym);

不改变原数组的新的原型方法

很多数组的方法会改变原数组，比如push()、pop()、reversed()、sort()等等，我们称它们为破坏性方法，只要调用了数组这些方法，它的值就变了。非破坏性方法，比如我们经常用到的 filter、some、map、find 等方法，都是不会改变原数组的。

现在新增了4个数组的方法，允许对数组进行操作时，不改变原数组，返回一个原数组的拷贝。

toReversed()：是 reverse() 的非破坏性版本
toSorted()：是 sort() 的非破坏性版本
toSpliced(start, deleteCount, ...items)：是splice()的非破坏性版本
with()：是修改数组指定索引值的非破坏性版本

toSorted:

const greek = ['gamma', 'aplha', 'beta']
greek.toSorted(); // [ 'aplha', 'beta', 'gamma' ]
greek; // [ 'gamma', 'aplha', 'beta' ]
const nums = [0, -1, 3, 2, 4]
nums.toSorted((n1, n2) => n1 - n2); // [-1,0,2,3,4]
nums; // [0, -1, 3, 2, 4]

toReversed:

const greek = ['gamma', 'aplha', 'beta']
greek.toReversed(); // [ 'beta', 'aplha', 'gamma' ]
greek; // [ 'gamma', 'aplha', 'beta' ]

toSpliced:

const greek = ['gamma', 'aplha', 'beta']
greek..toSpliced(1,2); // [ 'gamma' ]
greek; // [ 'gamma', 'aplha', 'beta' ]
greek.toSpliced(1,2, ...['delta']); // [ 'gamma', 'delta' ]
greek; // [ 'gamma', 'aplha', 'beta' ]

with:

const greek = ['gamma', 'aplha', 'beta'];
greek.with(2, 'bravo'); // [ 'gamma', 'aplha', 'bravo' ]
greek; //  ['gamma', 'aplha', 'beta'];

参考：https://h3manth.com/ES2023/

链接: https://www.fly63.com/article/detial/12558