ES8 为什么称之为 ES2017，还有哪些新特性我们可以使用？-JavaScript中文网-JavaScript教程资源分享门户

JavaScript 是一门动态语言，它的发展历程中经历了多个版本的更新与迭代。其中，ECMAScript（简称 ES）是 JavaScript 的语言标准，它定义了 JavaScript 语言的规范和标准化，目前最新的版本是 ES2021。而在 ES2021 之前，最新的版本是 ES8，也称为 ES2017。本文将介绍 ES8 的新特性，并讲解它们的学习和指导意义。

Async / Await

Async / Await 是 ES8 中最重要的新特性之一，它使得异步编程变得更加简单和直观。Async / Await 是基于 Promise 的语法糖，它可以让我们使用类似于同步编程的方式来编写异步代码。下面是一个使用 Async / Await 的示例：

async function fetchData() {
  const response = await fetch('https://jsonplaceholder.typicode.com/posts');
  const data = await response.json();
  return data;
}

fetchData().then(data => console.log(data));

在上面的示例中，fetchData 函数返回一个 Promise 对象，它使用了 Async / Await 的语法糖来处理异步请求。Async 关键字用来修饰函数，表示这个函数是一个异步函数。在函数体内，我们使用 await 关键字来等待 Promise 对象的返回值。这样我们就可以像使用同步函数一样来编写异步代码了。

Object.values / Object.entries

ES8 中新增了两个 Object 的静态方法：Object.values 和 Object.entries。它们分别可以返回对象的值和键值对数组。下面是一个使用 Object.values 和 Object.entries 的示例：

const obj = { name: 'Alice', age: 20, gender: 'female' };
console.log(Object.values(obj)); // ["Alice", 20, "female"]
console.log(Object.entries(obj)); // [["name", "Alice"], ["age", 20], ["gender", "female"]]

在上面的示例中，我们定义了一个对象 obj，并使用 Object.values 和 Object.entries 分别输出了它的值和键值对数组。这两个方法可以方便地对对象进行遍历和操作。

String padding

ES8 中新增了字符串填充的方法：padStart 和 padEnd。它们可以在字符串的开头或结尾填充指定字符，使字符串达到指定的长度。下面是一个使用 padStart 和 padEnd 的示例：

const str = 'hello';
console.log(str.padStart(10, 'x')); // "xxxxxhello"
console.log(str.padEnd(10, 'y')); // "helloyyyyy"

在上面的示例中，我们使用 padStart 和 padEnd 分别在字符串的开头和结尾填充了指定的字符，使字符串达到了指定的长度。这个特性可以方便地对字符串进行格式化和对齐。

总结

ES8 为 JavaScript 带来了许多新特性，其中 Async / Await 是最重要的一个，它使得异步编程变得更加简单和直观。Object.values / Object.entries 和字符串填充的方法 padStart 和 padEnd 也可以方便地对对象和字符串进行遍历、操作和格式化。掌握这些新特性可以让我们更加高效地编写 JavaScript 代码，提高开发效率和代码质量。

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