ES8 就是让你为自己程序哭出来

什么是 ES8

ES8（ECMAScript 2017）是 JavaScript 的最新版本，它是 ECMAScript 规范的第八个版本。它已经在 2017 年发布，加入了许多新的特性和语法糖，使 JavaScript 编程更加便捷和强大。

在 ES8 中，我们可以使用 Async/Await 来编写异步程序，使用 Object.values/Object.entries 来操作对象数据，以及使用 String 提供的新方法等等。

Async/Await

ES6 已经引入了 Promise，它是用于编写异步代码的重要工具。ES8 引入了 Async/Await 来扩展 Promise 的功能，使得编写异步代码比以前更加容易和安全。

Async/Await 是一种新的写法，它可以方便地写出类似于同步代码的异步程序。核心思想是使用 Async 修饰要异步执行的函数，并使用 Await 等待该函数的返回结果。例如：

async function fetchData() {
  let result = await fetch('https://api.github.com/users/octocat')
  let data = await result.json()
  return data
}

在这个例子中，我们使用 Async 修饰了 fetchData 函数，并在其中使用了 Await 等待 Promise 对象返回。这样，我们就可以在代码中使用同步的方式来编写异步程序。

Object.values/Object.entries

ES8 为 JavaScript 对象添加了两个新的方法 Object.values 和 Object.entries，它们可以很方便地操作对象数据。

Object.values 方法返回对象所有值的数组，例如：

const obj = { firstName: 'John', lastName: 'Doe', age: 30 }
const values = Object.values(obj)
console.log(values) // ['John', 'Doe', 30]

Object.entries 方法返回对象所有键值对的数组，例如：

const obj = { firstName: 'John', lastName: 'Doe', age: 30 }
const entries = Object.entries(obj)
console.log(entries) // [['firstName', 'John'], ['lastName', 'Doe'], ['age', 30]]

这两个方法可以使得操作对象数据更加方便和直观。

String 新方法

ES8 也扩展了 String 类型，使得字符串操作更加便捷。其中一些新方法包括：

• String.padStart/padEnd：用于填充字符串。例如：

  const str = 'example'
  console.log(str.padStart(10, '*')) // '***example'
  console.log(str.padEnd(10, '*')) // 'example***'

• String.trimStart/trimEnd：用于去除字符串两端的空格。例如：

  const str = '  example  '
  console.log(str.trimStart()) // 'example  '
  console.log(str.trimEnd()) // '  example'

• String.includes：用于判断字符串是否包含指定字符。例如：

  const str = 'example'
  console.log(str.includes('amp')) // false
  console.log(str.includes('exa')) // true

这些新方法可以使得字符串操作更加便捷和灵活。

总结

ES8 引入了许多新的特性和语法糖，使得 JavaScript 编程更加便捷和强大。本文重点介绍了 Async/Await、Object.values/Object.entries 和 String 新方法等内容，它们可以大大提高 JavaScript 编程效率和质量。作为前端工程师，我们应该学习和掌握这些新特性，并使用它们来编写更加高效和优雅的程序。

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