ECMAScript 2019，即 ES10，是 ECMAScript 的第十个版本，于 2019 年 6 月正式发布。该版本增加了许多新特性，包括数组的 flat() 和 flatMap() 方法、Object.fromEntries() 方法、try-with-resources 语句、模板字面量的扩展、BigInt 等。
Array.flat() 和 Array.flatMap()
在 ES10 中，Array 增加了 flat() 和 flatMap() 两个方法，用于处理嵌套数组。flat() 方法将多维数组降维为一维数组，而 flatMap() 方法则是将 flat() 和 map() 方法的组合，先将数组降维，再对每个元素进行映射。示例代码如下：
const arr = [1, [2, [3, [4]]]]; const flatArr = arr.flat(Infinity); console.log(flatArr); // [1, 2, 3, 4] const arr2 = [1, 2, 3]; const flatMapArr = arr2.flatMap(x => [x * 2]); console.log(flatMapArr); // [2, 4, 6]
Object.fromEntries()
ES10 中，Object 增加了 fromEntries() 方法，用于将二维数组转换为对象。该方法可以用于将 Map 数据结构转换为对象。示例代码如下：
const arr = [['name', 'Tom'], ['age', 18]];
const obj = Object.fromEntries(arr);
console.log(obj); // {name: "Tom", age: 18}try-with-resources
在 ES10 中，引入了 try-with-resources 语句，用于自动释放资源。该语句类似于 Java 中的 try-with-resources 语句。示例代码如下：
-- -------------------- ---- -------
----- ---------- -
------------- --
------ -
---------------------
-
------- -
---------------------
-
-
-------- ------------- -
----- -------- - --- -------------
--- -
----------------
-------------------
- ------- -
-----------------
-
-
------------ -- -----------------------模板字面量的扩展
在 ES10 中，模板字面量新增了两个扩展，一个是标签模板，一个是 Raw 模板。标签模板允许我们在模板字面量前使用一个函数作为标签，对模板字面量进行加工处理。Raw 模板则允许我们获取到转义后的字符串。示例代码如下：
-- -------------------- ---- -------
-------- -------------- ---------- -
--- ------ - ---
--- ---- - - -- - - --------------- ---- -
-- -- - -- -
------ -- -------- - -----------------
-
------ -- -----------
-
------ -------
-
----- ---- - --------
----- --- - ------------ ----------
----------------- -- ------- -------
----- ------ - -------------------------
-------------------- -- ---------------BigInt
ES10 中，引入了 BigInt 类型，用于表示任意精度的整数。以前，JavaScript 中整数的范围是 -2^53+1 到 2^53-1，但 BigInt 可以表示更大的整数。示例代码如下：
const max = BigInt(Number.MAX_SAFE_INTEGER); const a = max ** BigInt(10); console.log(a.toString()); // "1000000000000000000000000000000000000000000000000000000000000"
总结
ES10 增加了许多新特性，让我们的编码更加方便和自然。在日常开发中，我们可以根据不同的场景选择使用不同的新特性，来提高工作效率和代码可读性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/647406b4968c7c53b01784fa