ES10 是 JavaScript 的最新版本，也称为 ECMAScript 2019。它于 2019 年 6 月发布，是 ECMAScript 标准的最新版本。ES10 引入了一些新特性和改进，这些特性可以帮助开发人员更轻松地编写代码。在本文中，我们将介绍 6 个 ES10 的重要特性，并提供示例代码来帮助您更好地理解。
1. Array.flat()
Array.flat() 方法用于将多维数组转换为单一数组。它可以将嵌套数组的嵌套级别降低一个级别，直到达到指定的深度。它还可以删除空项。以下是一个示例：
const nestedArray = [1, [2, [3, [4]], 5]]; const flattenedArray = nestedArray.flat(2); console.log(flattenedArray); // [1, 2, 3, 4, 5]
2. Array.flatMap()
Array.flatMap() 方法可以在映射数组时同时展开和平铺结果数组。它返回一个新数组，其中每个元素是通过映射函数处理原数组中的每个元素得到的结果，并且可以平铺这些结果数组。以下是一个示例：
const array = [1, 2, 3]; const mappedArray = array.flatMap(x => [x * 2]); console.log(mappedArray); // [2, 4, 6]
3. String.trimStart() 和 String.trimEnd()
String.trimStart() 和 String.trimEnd() 方法可以分别从字符串的开头和结尾删除空格。以下是一个示例：
const string = ' Hello World '; const trimmedStart = string.trimStart(); const trimmedEnd = string.trimEnd(); console.log(trimmedStart); // 'Hello World ' console.log(trimmedEnd); // ' Hello World'
4. Optional Chaining
可选链式调用（Optional Chaining）是一种新的语法，使得我们可以更轻松地访问对象的属性和方法，即使这些属性和方法不存在。它使用问号（?）来表示对象的属性或方法是否存在。以下是一个示例：
const person = { name: 'Alice', address: { city: 'New York' } };
const city = person.address?.city;
console.log(city); // 'New York'
const zip = person.address?.zip;
console.log(zip); // undefined5. Nullish Coalescing
Nullish Coalescing 是一种新的语法，用于在变量为 null 或 undefined 时提供默认值。它使用两个问号（??）来表示默认值。以下是一个示例：
const value1 = null ?? 'default'; console.log(value1); // 'default' const value2 = undefined ?? 'default'; console.log(value2); // 'default' const value3 = 'value' ?? 'default'; console.log(value3); // 'value'
6. BigInt
BigInt 是一种新的数据类型，可以表示比 Number 类型更大的整数。它使用后缀“n”来标识。以下是一个示例：
const bigIntNumber = 123456789012345678901234567890n; console.log(bigIntNumber); // 123456789012345678901234567890n
结论
在本文中，我们介绍了 6 个 ES10 的重要特性，并提供了示例代码来帮助您更好地理解它们。这些特性可以帮助您更轻松地编写 JavaScript 代码，并提高您的生产力。如果您是一位 JavaScript 开发人员，这些特性是必须掌握的。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6778cb336eeb790047a383b8
