ES2019 / ES10增加了什么新功能?

Array.flat()

Array.flat()返回一个新数组，其中任何子数组都被展开。Array.flat() 没有任何参数的调用，只会展开一层深度。可以提供可选的深度参数，支持连续调用。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/13718.html

Example:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/13718.html

let arr = [1, 2, 3, [4, 5, 6, [7, 8, 9, [10, 11, 12]]]];

arr.flat(); // [1, 2, 3, 4, 5, 6, Array(4)];

arr.flat().flat(); // [1, 2, 3, 4, 5, 6, 7, 8, 9, Array(3)];

arr.flat(3); // [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]

// 如果不知道长度，可以直接使用Infinity
arr.flat(Infinity); // [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]复制代码

Array.flatMap()

Example:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/13718.html

let arr = [1, 2, 3, 4, 5];

arr.map(x => [x, x * 2]);
// [Array(2), Array(2), Array(2)]
// 0: (2)[1, 2]
// 1: (2)[2, 4]
// 2: (2)[3, 6]
// 3: (2)[4, 8]
// 4: (2)[5, 10]
arr.flatMap(v => [v, v * 2]);
// [1, 2, 2, 4, 3, 6, 4, 8, 5, 10]复制代码

String.trimStart() ＆ String.trimEnd()

Example：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/13718.html

let  greeting =  "    Hello World";
console.log(greeting.trimStart());
// "Hello World"
let greeting = "Hello World    ";

console.log(greeting.trimEnd());
// "Hello World"复制代码

可选 Catch Binding

可选的 catch binding 允许开发人员在catch块中，不使用error参数的情况下使用try/catch。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/13718.html

// ES2019 之前使用
try {
  // some code
}
catch (err) {
  // error handling code
}
复制代码

// 现在使用ES2019这样的try / catch：
try  {
  // some code
}
catch {
  // error handling code
}复制代码

Object.fromEntries（）

Object.fromEntries()创建一个对象或将键值对转换为一个对象。它只接受Iterable迭代 例如：Object.fromEntries(Iterable)。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/13718.html

Example:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/13718.html

let entries = new Map([["name", "herrylo"], ["age", 24]]);

console.log(Object.fromEntries(entries));
// { name: 'herrylo', age: 24 }复制代码

Symbol.description

Example:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/gcs/13718.html

let mySymbol = `My Symbol`;

let symObj = Symbol(mySymbol);

console.log(symObj) // Symbol(mySymbol);

console.log(String(symObj) === `Symbol(${mySymbol})`); // true

console.log(symObj.description); // "My Symbol"