于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)); // truesym = 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]const greek = ['gamma', 'aplha', 'beta']
greek.toReversed(); // [ 'beta', 'aplha', 'gamma' ]
greek; // [ 'gamma', 'aplha', 'beta' ]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' ]const greek = ['gamma', 'aplha', 'beta'];
greek.with(2, 'bravo'); // [ 'gamma', 'aplha', 'bravo' ]
greek; // ['gamma', 'aplha', 'beta'];参考：https://h3manth.com/ES2023/
本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！