ES10 是 JavaScript 的最新版本，它在 ECMAScript 规范的基础上增加了一些新特性，以使 JavaScript 更加高效和易于维护。本文将介绍 ES10 的一些重要特性，以及如何使用它们来改进你的 JavaScript 代码，并提供示例代码和指导。
1. Array.flat() 和 Array.flatMap()
Array.flat() 方法可以使多维数组变成一维数组，Array.flatMap() 方法可以同时完成数组平坦化和映射操作。这两个方法可以让你更轻松地处理复杂的数组结构，下面是使用它们的示例：
const arr = [1, 2, [3, 4], [5, [6, 7]]]; const flatArr = arr.flat(); // [1, 2, 3, 4, 5, [6, 7]] const flatMapArr = arr.flatMap(val => val * 2); // [2, 4, 6, 8, 10, 12, 14]
2. Object.fromEntries()
Object.fromEntries() 可以快速将一组键值对转换为对象。它接受一个数组，每个数组元素都是由键和值组成的数组，下面是使用它的示例：
const entries = [['a', 1], ['b', 2], ['c', 3]];
const obj = Object.fromEntries(entries); // {a: 1, b: 2, c: 3}3. Promise.allSettled()
Promise.allSettled() 可以等待所有的 Promise 完成，并返回一个结果数组。如果某个 Promise 被拒绝或出现异常，结果数组会包含一个对象数组，该对象数组包含 status 和 reason 两个属性。如果所有 Promise 都被解决，结果数组则包含所有 Promise 的结果。下面是使用它的示例：
-- -------------------- ---- ------- ----- -------- - - ------------------------ - ----------- ------------------ -------------- - ------------ ------------------------ - ---------- -- ---------------------------- ------------- -- --------------------- ------------ -- ---------------------- -- ----- -- - -- -------- ------------ ------ -------- - ----------- -- -------- ----------- ------- ------ ------- - ---------- -- -------- ------------ ------ -------- - ---------- -- -
4. Optional Chaining
可选链运算符 ?. 可以确保当访问一个对象的属性或方法时不会出现异常（例如 undefined 或 null），它可以帮助你更快地进行条件处理。下面是使用它的示例：
-- -------------------- ---- -------
----- ------ - -
----- -------
------ -
----- -----------
----- ----------
-
--
----- --------- - ------------------- -- ----------
----- ----------- - --------------------- -- ---------5. BigInt
BigInt 数据类型可以用来处理更大的整数。在 JavaScript 中，整数的范围是 2^53 - 1（Number.MAX_SAFE_INTEGER）。如果你需要处理更大的整数，可以使用 BigInt 类型。下面是使用它的示例：
const bigNum = 9007199254740991n; const bigResult = bigNum * 2n; // 18014398509481982n
总结
这篇文章介绍了 ES10 的一些重要特性，包括 Array.flat() 和 Array.flatMap()、Object.fromEntries()、Promise.allSettled()、可选链运算符和 BigInt 数据类型。通过掌握这些特性，你可以更有效地处理数据和错误，并减少代码量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64b26e7348841e9894ea6ed8