ES2019中6个好用的功能

String.prototype.trimStart() 和 String.prototype.trimEnd()

第一个trimStart()将删除字符串开头的所有空格。第二个trimEnd()将删除字符串末尾的所有空格。

'JavaScript'.trimStart()
// Output:
//'JavaScript'




' JavaScript'.trimStart()
// Output:
//'JavaScript'




' JavaScript '.trimStart()
// Output:
//'JavaScript '




'JavaScript '.trimStart()
// Output:
//'JavaScript '




'JavaScript'.trimEnd()
// Output:
//'JavaScript'


' JavaScript'.trimEnd()
// Output:
//' JavaScript'


' JavaScript '.trimEnd()
// Output:
//' JavaScript'


'JavaScript '.trimEnd()
// Output:
//'JavaScript'

Function.prototype.toString()

toString()方法已经存在了一段时间。此方法的作用是使您可以输出函数的代码。ES2019的不同之处在于此方法如何处理注释和特殊字符（例如空格）。

过去，toString()方法删除了注释和空白。因此，该函数的输出版本可能看起来与原始代码不一样。ES2019的发行版将不再发生这种情况。从现在开始，toString()方法所返回的值将与原始值匹配，包括注释和特殊字符相同。

// Before ES2019:
function myFunc/* is this really a good name? */() {
  /* Now, what to do? */
}


myFunc.toString()
// Output:
// "function myFunc() {}"




// After ES2019:
function myFunc/* is this really a good name? */() {
  /* Now, what to do? */
}


myFunc.toString()
// Output:
// "function myFunc/* is this really a good name? */() {
//   /* Now, what to do? */
// }"

Array.prototype.flat() 和 Array.prototype.flatMap()

// 创建一个数组:
const myArray = ['JavaScript', ['C', 'C++', ['Assembly', ['Bytecode']]]]


// 数组展平:
let myFlatArray = myArray.flat(1)


// 输出:
console.log(myFlatArray)
// Output:
// [ 'JavaScript', 'C', 'C++', [ 'Assembly', [ 'Bytecode' ] ] ]


// 数组展平多层级的数组:
let myInfiniteFlatArray = myArray.flat(Infinity)


// 输出:
console.log(myInfiniteFlatArray)
// Output:
// [ 'JavaScript', 'C', 'C++', 'Assembly', 'Bytecode' ]

除了flat()方法之外，还有flatMap()方法。您可以将此方法视为的高级版本flat()。区别在于该flatMap()方法是flat()与map()方法结合使用。因此，在展平数组时，可以调用回调函数。

// 创建一个数组:
const myArray = ['One word', 'Two words', 'Three words']


// 空格分割字符串:
const myMappedWordArray = myArray.map(str => str.split(' '))


// 输出的是多维数组:
console.log(myMappedWordArray)
// Output:
// [ [ 'One', 'word' ], [ 'Two', 'words' ], [ 'Three', 'words' ] ]




// 使用 flatMap():
const myArray = ['One word', 'Two words', 'Three words']


// 先空格分割字符串后展平数组:
const myFlatWordArray = myArray.flatMap(str => str.split(' '))


// 输出的是一维数组:
console.log(myFlatWordArray)
// Output:
// [ 'One', 'word', 'Two', 'words', 'Three', 'words' ]

Object.fromEntries()

当您需要将某个对象转换为数组时，可以使用单个方法entries()来完成。但是，直到现在，还没有一种方法可以可以轻松地还原此方法。多亏了ES2019的功能，这将不再是一个问题。还原此方法可以使用fromEntries()方法。

// 创建一个数组:
const myArray = [['name', 'Joe'], ['age', 33], ['favoriteLanguage', 'JavaScript']]


// 将数组转换为对象:
const myObj = Object.fromEntries(myArray)


// 输出:
console.log(myObj)
// Output:
// {
//   name: 'Joe',
//   age: 33,
//   favoriteLanguage: 'JavaScript'
// }




// 创建一个map:
const myMap = new Map(
  [['name', 'Spike'], ['species', 'dog'], ['age', 3]]
)


// 将数组转换为对象:
const myObj = Object.fromEntries(myMap)


// 输出:
console.log(myObj)
// Output:
// {
//   name: 'Spike',
//   species: 'dog',
//   age: 3
// }

try...catch

以前，当您要使用时try...catch，还必须使用参数。即使没有使用它，您也必须将异常作为参数传递。ES2019带来的一个变化是它使此选项成为可选。如果您不想处理该异常，则可以使用不带参数的catch块。

// Before ES2019:
try {
  // Do something.
} catch (e) {
  // 没有使用参数，但是参数是必传的
}


// After ES2019:
try {
  // Do something.
} catch {
  // 不需要任何参数了
}