ECMAScript 2017（也称为 ES8）是 JavaScript 的最新版本。它引入了许多新特性，为前端开发带来了许多便利。在本文中，我们将深入探讨 ES8 中的一些新特性以及它们的用法，并提供一些示例代码作为参考。
Async / Await
Async / Await 是 ES8 中最有用的新特性之一。它们使异步编程更加容易和直观。使用 Async / Await，您可以在代码中以同步方式处理异步操作。
Async
Async 函数是异步函数的一种新语法。在函数定义之前加上 async 关键字可以将其转换为 Async 函数。Async 函数返回一个 Promise 对象，Promise 对象最终的值是 Async 函数的返回值。
下面是一个简单的示例：
async function getUserInfo() {
return await fetch('/api/user');
}
const userInfo = await getUserInfo();
console.log(userInfo);在上面的示例中，我们定义了一个 Async 函数 getUserInfo()，它使用 Fetch API 获取用户信息。我们使用 await 关键字等待异步操作完成，然后将结果存储在 userInfo 变量中。
Await
Await 关键字只能在 Async 函数中使用。它等待一个 Promise 对象被解决（resolved）并返回其结果。如果一个 Promise 对象被拒绝（rejected），则会抛出一个异常。
下面是一个示例，演示如何使用 Await 处理 Promise：
-- -------------------- ---- ------- -------- -------- - ------ --- --------------- -- ------------------- ----- - ----- -------- ----- - --------------------- ----- ----------- --------------------- - ------
在上面的示例中，我们定义了一个 wait() 函数，它返回一个 Promise，在一定时间后解决（resolved）。然后我们定义一个 Async 函数 foo()，它使用 await 关键字等待 1 秒钟，然后输出 "World"。
注意：在 Async 函数内使用 await 关键字时，需要在 Async 函数前加上 async 关键字。
Object.values() 和 Object.entries()
ES8 还引入了两个新的静态方法：Object.values() 和 Object.entries()。它们允许您从对象中提取值或键值对，并将它们转换为一个数组。
Object.values()
Object.values() 方法返回一个包含对象所有的值的数组。
下面是一个示例：
const obj = {a: 1, b: 2, c: 3};
console.log(Object.values(obj));输出结果：
[1, 2, 3]
Object.entries()
Object.entries() 方法返回一个包含对象所有的键值对的数组。
下面是一个示例：
const obj = {a: 1, b: 2, c: 3};
console.log(Object.entries(obj));输出结果：
[["a", 1], ["b", 2], ["c", 3]]
String.prototype.padStart() 和 String.prototype.padEnd()
ES8 中还引入了两个新的字符串方法：String.prototype.padStart() 和 String.prototype.padEnd()。它们允许您将字符串填充到指定的长度。
String.prototype.padStart()
String.prototype.padStart() 方法允许您将字符串填充到指定的长度。如果字符串长度小于指定的长度，则从开头添加指定的填充字符。
下面是一个示例：
const str = "foo"; console.log(str.padStart(6, "x"));
输出结果：
"xxxxfo"
在上面的示例中，我们使用 padStart() 将字符串 foo 填充到长度为 6 的字符串，并从开头添加 x。
String.prototype.padEnd()
String.prototype.padEnd() 方法允许您将字符串填充到指定的长度。如果字符串长度小于指定的长度，则从结尾添加指定的填充字符。
下面是一个示例：
const str = "foo"; console.log(str.padEnd(6, "x"));
输出结果：
"fooxxx"
在上面的示例中，我们使用 padEnd() 将字符串 foo 填充到长度为 6 的字符串，并从结尾添加 x。
Array.prototype.includes()
ES8 还引入了 Array.prototype.includes() 方法，它允许您检查数组是否包含特定的元素。
下面是一个示例：
const arr = [1, 2, 3, 4, 5]; console.log(arr.includes(3));
输出结果：
true
在上面的示例中，我们使用 includes() 方法检查数组是否包含 3。由于数组包含 3，因此输出结果为 true。
总结
本文介绍了 ES8 中的一些新特性，包括 Async / Await、Object.values()、Object.entries()、String.prototype.padStart()、String.prototype.padEnd() 和 Array.prototype.includes()。这些新特性为 JavaScript 开发人员提供了更大的灵活性，并使异步编程更加容易。
如果你想深入学习这些新特性，请查看官方文档，并尝试编写一些示例代码。祝你好运！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64a0c1c048841e9894d0b9ad