在现代浏览器环境中使用 ECMAScript 2017（ES8）是前端开发者需要掌握的技能之一。这篇文章将会深入探讨 ES8 的新特性以及如何在现代浏览器环境下使用它们。
ES8 的新特性
ES8 引入了一些有用的特性，这些特性可以帮助开发者更有效地编写代码。
async/await
async/await 是 ES8 的最重要的一个新特性。它允许开发者在异步代码中使用同步的语法。
下面是一个基本的示例：
async function getUser(userId) {
let response = await fetch(`/users/${userId}`)
let user = await response.json()
return user
}
getUser(123).then(user => console.log(user))在上面的示例中，getUser 函数是异步的，但是使用了同步的语法。await 表达式可以将异步的操作转换成同步的操作。在实际的应用中，可以使用 async/await 来处理任何类型的异步操作，例如网络请求或定时器。
Object.values/Object.entries
ES8 还引入了 Object.values 和 Object.entries 方法，使得开发者更容易地使用对象。
let obj = { a: 1, b: 2, c: 3 }
console.log(Object.values(obj)) // [1, 2, 3]
console.log(Object.entries(obj)) // [['a', 1], ['b', 2], ['c', 3]]padStart/padEnd
ES8 还引入了 padStart 和 padEnd 方法，使得创建格式化字符串更加容易。
let str = '1' console.log(str.padStart(2, '0')) // '01' console.log(str.padEnd(2, '0')) // '10'
在现代浏览器环境下使用 ES8
在现代浏览器环境下使用 ES8 是非常简单的。只需要在 <script> 标签中将 type 设为 module，浏览器就会自动启用 ES6 模块功能并支持所有的 ES8 特性。
下面是一个简单的示例：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
---------- ------------
-------
------
------- --------------
----- -------- --------------- -
--- -------- - ----- -------------------------
--- ---- - ----- ---------------
------ ----
-
---------------------- -- ------------------
---------
-------
-------上面的示例中，我们使用了 type="module" 指定了该脚本文件是一个 ES6 模块。在该模块中，我们使用了 async/await 来处理异步操作。
总结
ES8 引入了一些非常有用的特性，它们可以帮助开发者更有效地编写代码。在现代浏览器环境下使用 ES8 是非常简单的，只需要在 <script> 标签中将 type 设为 module 即可。我们希望该文章可以帮助开发者更好地掌握 ES8 的使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64756a79968c7c53b027cc19