ECMAScript 2017（也称为 ES8）是 JavaScript 的最新版本。它引入了许多新特性，为前端开发带来了许多便利。在本文中，我们将深入探讨 ES8 中的一些新特性以及它们的用法，并提供一些示例代码作为参考。
Async / Await
Async / Await 是 ES8 中最有用的新特性之一。它们使异步编程更加容易和直观。使用 Async / Await，您可以在代码中以同步方式处理异步操作。
Async
Async 函数是异步函数的一种新语法。在函数定义之前加上 async 关键字可以将其转换为 Async 函数。Async 函数返回一个 Promise 对象，Promise 对象最终的值是 Async 函数的返回值。
下面是一个简单的示例：
----- -------- ------------- - ------ ----- ------------------- - ----- -------- - ----- -------------- ----------------------
在上面的示例中，我们定义了一个 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() 方法返回一个包含对象所有的值的数组。
下面是一个示例：
----- --- - --- -- -- -- -- --- --------------------------------
输出结果：
--- -- --
Object.entries()
Object.entries() 方法返回一个包含对象所有的键值对的数组。
下面是一个示例：
----- --- - --- -- -- -- -- --- ---------------------------------
输出结果：
------ --- ----- --- ----- ---
String.prototype.padStart() 和 String.prototype.padEnd()
ES8 中还引入了两个新的字符串方法：String.prototype.padStart() 和 String.prototype.padEnd()。它们允许您将字符串填充到指定的长度。
String.prototype.padStart()
String.prototype.padStart() 方法允许您将字符串填充到指定的长度。如果字符串长度小于指定的长度，则从开头添加指定的填充字符。
下面是一个示例：
----- --- - ------ --------------------------- ------
输出结果：
--------
在上面的示例中，我们使用 padStart() 将字符串 foo 填充到长度为 6 的字符串，并从开头添加 x。
String.prototype.padEnd()
String.prototype.padEnd() 方法允许您将字符串填充到指定的长度。如果字符串长度小于指定的长度，则从结尾添加指定的填充字符。
下面是一个示例：
----- --- - ------ ------------------------- ------
输出结果：
--------
在上面的示例中，我们使用 padEnd() 将字符串 foo 填充到长度为 6 的字符串，并从结尾添加 x。
Array.prototype.includes()
ES8 还引入了 Array.prototype.includes() 方法，它允许您检查数组是否包含特定的元素。
下面是一个示例：
----- --- - --- -- -- -- --- -----------------------------
输出结果：
----
在上面的示例中，我们使用 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