ES10，也称为 ECMAScript 2019，是 JavaScript 的最新版本。它于 2019 年 6 月发布，包含了一些新的特性和语言功能。这些新特性是为了让开发者更加轻松地编写 JavaScript 代码，并提高代码的可读性和可维护性。本文将介绍 ES10 中的一些重要特性，帮助你更好地理解和使用 JavaScript。
1. Array.flat() 和 Array.flatMap()
在 ES10 中，Array 增加了两个新方法：flat() 和 flatMap()。这些方法可以用于将嵌套数组展开成一个单一的数组，并提供了更简洁的语法来实现这一目的。
Array.flat()
Array.flat() 方法用于将嵌套数组展开成一个单一的数组。它接受一个可选参数，用于指定展开的深度。默认情况下，该方法会展开所有的嵌套数组。
const arr = [1, [2, [3, [4]]]]; const flatArr = arr.flat(); // [1, 2, [3, [4]]]
Array.flatMap()
Array.flatMap() 方法可以将数组映射成一个新的数组，并将结果展开成一个单一的数组。它接受一个回调函数作为参数，该函数会对数组中的每个元素进行操作，并返回一个新的数组。与 Array.map() 方法不同的是，Array.flatMap() 方法会将结果展开成一个单一的数组。
const arr = [1, 2, 3]; const flatMapArr = arr.flatMap(x => [x * 2]); // [2, 4, 6]
2. String.trimStart() 和 String.trimEnd()
ES10 中，String 对象新增了 trimStart() 和 trimEnd() 方法，用于去除字符串开头和结尾的空格。这些方法提供了一种更加简单的方式来去除字符串中的空格，而不需要使用正则表达式或其他复杂的操作。
String.trimStart()
String.trimStart() 方法用于去除字符串开头的空格。
const str = ' Hello World '; const trimmedStr = str.trimStart(); // 'Hello World '
String.trimEnd()
String.trimEnd() 方法用于去除字符串结尾的空格。
const str = ' Hello World '; const trimmedStr = str.trimEnd(); // ' Hello World'
3. Object.fromEntries()
ES10 中，Object 增加了一个新的方法 fromEntries()，用于将一个由键值对组成的数组转换为一个对象。这个方法可以用于将一个数组转换为一个对象，而不需要使用循环或其他复杂的操作。
const entries = [['a', 1], ['b', 2], ['c', 3]];
const obj = Object.fromEntries(entries); // {a: 1, b: 2, c: 3}4. try-catch 中的新变量
在 ES10 中，try-catch 语句中的 catch 块可以使用一个新的变量 err，用于获取捕获到的错误信息。这个变量可以用于获取错误的详细信息，并进行相应的处理。
try {
// some code
} catch (err) {
console.log(`Error: ${err.message}`);
}5. Optional Catch Binding
ES10 中，catch 块中的参数是可选的。如果 catch 块中不需要访问错误信息，可以省略参数。
try {
// some code
} catch {
console.log('An error occurred');
}结论
ES10 中的这些新特性为 JavaScript 开发者提供了更加简洁和优雅的语法，使得编写 JavaScript 代码更加轻松。了解这些新特性，可以帮助你更好地理解和使用 JavaScript。在实际开发中，可以根据项目的需求，灵活地使用这些特性，提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/675e235ee1dcc5c0fa443b7e