前言
ES10，也就是 ECMAScript 2019，是 JavaScript 的最新版本。自 2015 年发布了 ES6 以来，JavaScript 变得越来越流行，并且在近几年里，前端技术发展迅速，新的框架和工具层出不穷。ES10 带来了许多新特性和语法糖，可以让我们更加便捷地编写 JavaScript 代码。本文将详细介绍 ES10 的新特性，并提供一些实际操作的示例。
1. Array.prototype.flat()
在 ES10 中，我们可以使用 Array.prototype.flat() 方法将多维数组转换为一维数组。这个方法可以接收一个 depth 参数，表示要拍平的维度深度。例如：
const arr = [1, 2, [3, 4, [5, 6]]]; const flatArr = arr.flat(2); console.log(flatArr); // [1, 2, 3, 4, 5, 6]
在上面的示例中，我们将数组 arr 中的所有元素都提取出来并放到了 flatArr 中。
2. String.prototype.trimStart() 和 String.prototype.trimEnd()
String.prototype.trimStart() 和 String.prototype.trimEnd() 方法可以分别用于删除字符串开头和结尾的空格或其他空白符号。这两种方法对于处理用户输入的字符串非常有用。例如：
const str = ' hello world '; console.log(str.trimStart()); // 'hello world ' console.log(str.trimEnd()); // ' hello world'
3. Object.fromEntries()
Object.fromEntries() 方法可以将一个二维数组转换为一个对象。这个方法可以和 Object.entries() 方法配合使用，将对象转换为数组再进行转换。例如：
const entries = [['a', 1], ['b', 2], ['c', 3]];
const obj = Object.fromEntries(entries);
console.log(obj); // {a: 1, b: 2, c: 3}4. Array.prototype.flatMap()
Array.prototype.flatMap() 方法可以将数组中的每个元素都进行一些操作，然后将它们的结果合并到一个新的数组中。这个方法其实就是 map() 和 flat() 方法的组合。例如：
const arr = [1, 2, 3]; const flatMappedArr = arr.flatMap(x => [x * 2]); console.log(flatMappedArr); // [2, 4, 6]
5. Optional Catch Binding
在以前的 JavaScript 版本中，要使用 try-catch 语句来捕获异常。但是有时候我们只需要执行 try 语句，而不关心异常的信息。ES10 中提供了一个 Optional Catch Binding（可选的异常绑定）语法糖，允许我们在 catch 子句中不使用参数，例如下面的示例：
try {
// some code that may raise an error
} catch {
// do something anyway
}这个语法糖让代码更加简洁，方便我们进行异常处理。
6. Array.prototype.sort()
在 ES6 中，Array.prototype.sort() 方法的排序规则被修改成了一个新规则，导致排序结果的不确定性。在 ES10 中，这个问题得到了修复，现在 Array.prototype.sort() 方法可以按照稳定的规则进行排序，例如：
const arr = [{name: 'Alice', age: 25}, {name: 'Bob', age: 20}, {name: 'Charlie', age: 25}];
arr.sort((a, b) => (a.age - b.age));
console.log(arr); // [{name: 'Bob', age: 20}, {name: 'Alice', age: 25}, {name: 'Charlie', age: 25}]在上面的示例中，我们按照每个对象的 age 属性进行了排序，排序结果是稳定的。
结论
ES10 带来了许多新特性和语法糖，可以帮助我们更好地编写 JavaScript 代码。上述的示例只是其中的一部分，你可以继续深入学习 ES10，发现更多新特性，并将它们应用到你的项目中。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66f7cc38c5c563ced5ab69bd