快速了解ES14新特性 提高你的编码效率

今天要给大家带来的分享 ES14 中的所有新特性提高编码效率。

ECMAScript 规范是 JavaScript 开发人员和教育者的基本参考，也是 JavaScript 引擎实现者的官方技术规范。这个规范是一个活动的文档，会随着语言的发展而更新。

toSorted()方法

数组原型对象的toSorted()方法：这是一个新的数组方法，与sort()方法类似，但它创建并返回一个**「新的数组」**，而不是在原数组上进行排序。

let arr = [5,4,2,3,1]
arr === arr.sort(); // true 
arr === arr.toSorted(); // false 形成新数组，所以为 False

使用比较函数：toSorted()方法接受一个可选的比较函数参数，允许用户自定义排序逻辑。

let arr = [5,4,2,3,1].toSorted((a,b)=>{
  return b - a; 
})

toReversed()方法：

类似于reverse()，但返回一个新的数组而不是原地操作。

["1","2","3","4","5"].toReversed(); // ['5', '4', '3', '2', '1']

Array.prototype.with 方法：

允许根据索引修改数组中的单个元素，并返回新数组。

const arr4 = ["I", "am", "rex"];
const newArr4 = arr4.with(2, "Ape Man");
console.log(newArr4);

// output : I am Ape Man

Array.prototype.findLast 方法：

从数组中获取最后一个匹配元素的实例。

onst arr = [24, 34, 55, 75, 10, 77];
const lastEvenIndex = arr.findLast((element) => {
  return element % 2 === 0;
});
console.log(lastEvenIndex); // 10

findLastIndex()方法：

与findLast()类似，但返回匹配元素的索引。

Array.prototype.toSpliced 方法：

类似于数组的 splice 方法，但返回一个新数组。

Shebang 支持：

ECMAScript 14 支持在 JavaScript 文件中使用 shebang，允许直接运行脚本。

console.log("Hello, world!");

代码告诉操作系统使用 node 程序来运行这个脚本。现在，你可以直接输入命令来运行它。如果没有 Shebang 注释， ../hello.js这样是行不通的。Shebang 支持是规范中的一个功能更新，已经在多个上下文中非官方地采用和实现。

无需像以前node ./hello.js

扩展弱引用集合键：

ES14 允许在集合中使用大多数符号作为键，而以前只能使用对象。

// create a weak map
function useSymbol(symbol){
    doSomethingWith(symbol);
    var called = map.get(symbol) || 0;
    called++; // called one more time
    if(called > 2) console.log(“Called more than twice”);
    map.set(symbol, called);
}

let mySymbol = Symbol(“FooBar”);
useSymbol(mySymbol);
useSymbol(mySymbol);
useSymbol(mySymbol);

这样可以让我们更好的使用 WeakMap。现在的 Key 只需要定义一个唯一的 Symbol 类型即可。

尽管 2023 年对 JavaScript 来说变化不大，但 ECMAScript 14 的更新使得官方规范与现实世界保持了同步，并为未来的变化，如全新的 Temporal API，奠定了基础。

以上关于快速了解ES14新特性 提高你的编码效率的文章就介绍到这了，更多相关内容请搜索码云笔记以前的文章或继续浏览下面的相关文章，希望大家以后多多支持码云笔记。