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 {  // 不需要任何参数了}