ECMAScript 2019: 代码例子，新特性，介绍-JavaScript中文网-JavaScript教程资源分享门户

JavaScript 是世界上最常用的编程语言之一。每年，新的 ECMAScript（ES）版本都会带来一些新的特性，让开发者更高效地编写代码。ES2019 是最新的版本，本文将为你介绍一些重要的更新和改进。

Array.flatMap()

在 ES2019 中，数组新增了一个 .flatMap() 方法，该方法可以将所有嵌套数组降维为一维数组。同时，还可以在降维的同时对数组每个元素进行转换，非常方便。

const arr = ['hello', 'world'];
const result = arr.flatMap(x => x.split(''));
console.log(result); // ['h', 'e', 'l', 'l', 'o', 'w', 'o', 'r', 'l', 'd']

Object.fromEntries()

在 ES2019 中，新增了一个 Object.fromEntries() 方法，可将键值对列表转换为对象。

const entries = [
  ['name', '张三'],
  ['age', 18],
  ['gender', '男']
];
const obj = Object.fromEntries(entries);
console.log(obj); // { name: '张三', age: 18, gender: '男' }

Optional Catch Binding

在以前的 JavaScript 版本中，try...catch 语句必须使用一个变量来捕获错误，即使根本不需要访问这个变量。ES2019 中引入了可选捕获绑定，让开发者可以将错误捕获到一个占位符中，而不必指定变量名。

try {
  // Do something
} catch {
  console.log('发生了一个错误');
}

String.trimStart() 和 String.trimEnd()

在 ES2019 中，字符串新增了两个方法：trimStart() 和 trimEnd()。它们与 trim() 方法一样，都可以去除字符串两端的空格，但它们并不影响字符串中间的空格。

const str = '         hello world      ';
console.log(str.trimStart()); // 'hello world      '
console.log(str.trimEnd()); // '         hello world'

Array.sort()

在 ES2019 中，数组的 .sort() 方法进行了更新。它现在是一种稳定的排序算法，这意味着如果数组元素相同，它们将保留原来的顺序。

总结

以上是 ES2019 中一些重要的更新和改进。学习这些新特性可以让你更高效地编写 JavaScript 代码。如果你想要深入了解 ES2019 中的所有更新，请查看官方文档。

希望本文能帮助你更好地理解 ECMAScript 2019，让你的前端开发更上一层楼！

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/6477e64f968c7c53b0436179