10个ECMAScript 2019的新特性-JavaScript中文网-JavaScript教程资源分享门户

ECMAScript是JavaScript的标准规范，每年都会推出新的版本，提供新的特性和语法糖。2019版的ECMAScript已经发布，本篇文章将详细介绍10个新特性，对前端开发有指导意义。

1. 数组的flat()方法

数组的flat()方法可以将嵌套的数组结构变成一维数组。这个方法可以接受一个参数，表示要扁平化的嵌套层数。默认值是1。

const array = [1, [2, [3]]];
console.log(array.flat()); // [1, 2, [3]]
console.log(array.flat(2)); // [1, 2, 3]

2. 数组的flatMap()方法

数组的flatMap()方法可以先对数组进行map()操作，然后扁平化一维数组。这个方法可以接受一个回调函数作为参数，该函数返回一个数组。flatMap()方法会将所有返回的数组合并为一个数组。

const array = [1, 2, 3];
console.log(array.flatMap(x => [x * 2])); // [2, 4, 6]

3. 对象的fromEntries()方法

对象的fromEntries()方法可以将键值对数组转换为对象。该方法可以接受一个二维数组或Map对象作为参数，并返回一个新的对象。

const entries = [['a', 1], ['b', 2]];
console.log(Object.fromEntries(entries)); // {a: 1, b: 2}

4. 字符串的trimStart()和trimEnd()方法

字符串的trimStart()和trimEnd()方法可以分别删除字符串的开头和结尾的空白字符。这两个方法的功能与trim()方法类似。

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

5. 可选的catch绑定

在try...catch语句中，可以不使用catch绑定的参数。这样可以避免无用的变量声明。

try {
  // some code
} catch {
  // catch block
}

6. 有名参数

ECMAScript2019中支持有名参数。有名参数可以让我们通过参数名来传递参数，这样可以避免传递参数时顺序混乱的问题。

function foo({x, y, z}) {
  console.log(x, y, z);
}
foo({z: 3, y: 2, x: 1}); // 1, 2, 3

7. 函数的toString()方法

函数的toString()方法在ECMAScript2019中得到了升级。现在，函数的toString()方法将返回完整的函数源代码。

function add(a, b) {
  return a + b;
}
console.log(add.toString()); // 'function add(a, b) {\n  return a + b;\n}'

8. 正则匹配增强

ECMAScript2019对正则匹配进行了增强，引入了一些新特性，例如dotAll标志、反向断言和Unicode转义序列。

const str = 'foo.bar';
console.log(str.match(/foo.bar/s)); // 'foo.bar'
console.log(str.match(/(?<=foo).bar/)); // 'bar'
console.log('\u{1F600}'.match(/./u)); // '\u{1F600}'

9. Promise的finally()方法

Promise的finally()方法可以接受一个回调函数作为参数，在Promise结束时总是执行该函数。不管Promise是成功还是失败，finally()方法都会执行，可以用于定义清理逻辑。

const promise = new Promise(resolve => setTimeout(resolve, 1000));
promise.finally(() => console.log('finally')); // 'finally'

10. 剩余参数中的剩余元素

ECMAScript2019中，剩余参数中的剩余元素可以用rest运算符(...)来表示。这个语法在ES2018中引入，但在ES2019中变得更加灵活。

function foo(a, b, ...c) {
  console.log(c);
}
foo(1, 2, 3, 4, 5); // [3, 4, 5]

结论

以上是ECMAScript2019的10个新特性，这些特性都非常实用，对于提高前端开发效率很有帮助。希望本文能够对读者提供指导和帮助。

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