20多个小事例带你重温ES10新特性

本文从20多个小例子入手，讲解ES10的新特性。通过阅读本文，您可以更好地掌握这些新功能，加深对ES10的理解。

Array.flat()函数可以将数组从多维转化为一维。例如，以下代码展示了如何使用flat()：

const arr = [1, [2, 3], [4, [5]]];const flattened = arr.flat();

[1, 2, 3, 4, [5]]

Object.fromEntries()函数可以将键值对数组[key, value]转化为对象。例如，以下代码展示了如何使用fromEntries():

const entries = [['foo', 'bar'], ['baz', 42]];const obj = Object.fromEntries(entries);

{foo: 'bar', baz: 42}

String.trimStart()和String.trimEnd()函数，可以分别移除字符串首尾的空格。例如，以下代码展示了如何使用trimStart()和trimEnd()：

const str = '  abc  ';const trimmedStart = str.trimStart();const trimmedEnd = str.trimEnd();

trimmedStart: 'abc  'trimmedEnd: '  abc'

Array.flatMap()函数可以将数组映射成一个新的数组，并且可以使用flat()函数将结果数组拉平成一维。例如，以下代码展示了如何使用flatMap()：

const arr = [1, 2, 3];const result = arr.flatMap(x => [x, x * 2]);

[1, 2, 2, 4, 3, 6]

ES10新增可选的catch绑定，可以在不使用错误参数的情况下捕获错误。例如，以下代码展示了如何使用可选的catch绑定：

try {  // some code} catch {  // handle error}

如果需要获取错误信息，仍然需要使用catch(err)格式。

通过以上5个例子的介绍，希望您对ES10新特性有了更好地了解。

如果您想了解更多关于ES10的内容，请继续关注我们的网站。