ECMAScript 2019 (也称为 ES10) 是 JavaScript 语言的最新版本，它包含了许多新的语言特性和语法改进。在本文中，我们将介绍一些最重要的特性，它们可以帮助开发人员更有效地编写现代前端应用程序。
1. Array.prototype.flat() 和 Array.prototype.flatMap()
这两个方法是用于处理数组的新方法。 Array.prototype.flat() 可以将多维数组“扁平化”，即将数组中的所有嵌套数组展开成一个新的单一维数组。
const arr = [1, 2, [3, 4]]; const flatArr = arr.flat(); // flatArr: [1, 2, 3, 4]
Array.prototype.flatMap() 方法类似于 map() 方法，但它返回的是一个扁平化后的数组。该方法还可以在映射和扁平化操作之间进行转换。
const arr = [1, 2, 3]; const flatMapArr = arr.flatMap(item => [item * 2, item * 3]); // flatMapArr: [2, 3, 4, 6, 6, 9]
2. Optional Catch Binding
在早期的 JavaScript 中，我们必须为 try-catch 语句中的异常对象提供一个捕获变量名称。但是，在某些情况下，我们可能不需要这个变量，而只是想捕获异常并在处理程序中忽略它。
现在，可以使用 catch 块而不需要提供一个捕获变量的名称。这被称为可选捕获绑定（Optional Catch Binding），您可以使用catch{}代替catch (err){}。
try {
// some code
} catch {
// do something if error occurs
}3. Object.fromEntries()
在 ES10 中，Object.fromEntries() 方法被添加到了 JavaScript 中。该方法可以将键值对数组转换为对象。
const entries = [['a', 1], ['b', 2], ['c', 3]];
const obj = Object.fromEntries(entries);
// obj: {a: 1, b: 2, c: 3}该方法可以用于从 URL 查询参数中构建对象等。
const urlParams = new URLSearchParams('?name=John&age=30');
const entries = [...urlParams.entries()];
const obj = Object.fromEntries(entries);
// obj: {name: "John", age: "30"}4. String.prototype.trimStart() 和 String.prototype.trimEnd()
trimStart() 和 trimEnd() 是使字符串修剪更加简单的辅助函数。它们分别从字符串的开头和结尾删除空格。
const str = ' hello world '; console.log(str.trimStart()); // 'hello world ' console.log(str.trimEnd()); // ' hello world'
5. Promise.finally()
finally() 方法可以用于在解析或拒绝 Promise 时执行最后的清理代码，与 then() 和 catch() 方法相比，它在 Promise 的状态更改时始终执行，无论 Promise 被解决还是拒绝。
-- -------------------- ---- -------
---------
------------ -- -
-- -------
--
------------ -- -
-- -----
--
----------- -- -
-- ------- ----
---总结
以上是 ECMAScript 2019 的一些主要特性，这些特性可以大大提高我们 JavaScript 编程的效率。通过使用这些新功能，开发人员可以更快速、更简洁地编写高效的前端应用程序。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64af4a4848841e9894b51e92