ES2017 是 ECMAScript 的第八个版本，它包含了一些非常实用的新功能，让前端开发更加方便和高效。在本文中，我们将介绍 ES2017 中的三个新功能：trailing commas、Object.values/Object.entries 和 async/await。
Trailing Commas
Trailing commas 是一种在对象和数组字面量中添加逗号的语法特性。在 ES2017 之前，如果你在对象或数组字面量的末尾添加逗号，会导致语法错误。但是在 ES2017 中，你可以在末尾添加逗号了。
这个特性的好处是，当你在一个对象或数组中添加新的元素时，你不需要再去修改末尾的逗号了。这样就可以减少一些不必要的代码修改，提高代码的可维护性。
下面是一个使用 trailing commas 的例子：
// javascriptcn.com 代码示例
const obj = {
name: 'Tom',
age: 18,
sex: 'male', // trailing comma
};
const arr = [
'apple',
'banana',
'orange', // trailing comma
];Object.values/Object.entries
在 ES2017 中，Object 对象新增了两个静态方法：Object.values 和 Object.entries。这两个方法可以让我们更方便地处理对象的属性值和键值对。
Object.values 方法可以将一个对象的值转换成一个数组。下面是一个例子：
const obj = {
name: 'Tom',
age: 18,
sex: 'male',
};
const values = Object.values(obj);
console.log(values); // ['Tom', 18, 'male']Object.entries 方法可以将一个对象的键值对转换成一个数组。下面是一个例子：
const obj = {
name: 'Tom',
age: 18,
sex: 'male',
};
const entries = Object.entries(obj);
console.log(entries); // [['name', 'Tom'], ['age', 18], ['sex', 'male']]Async/Await
Async/Await 是 ES2017 中最重要的新功能之一。它是一种更加优雅的异步编程方式，可以让我们更方便地处理异步操作。
Async/Await 是基于 Promise 的，它可以让我们使用类似于同步代码的方式编写异步代码。下面是一个使用 Async/Await 的例子：
// javascriptcn.com 代码示例
function delay(time) {
return new Promise(resolve => setTimeout(resolve, time));
}
async function print() {
console.log('start');
await delay(1000);
console.log('1s later');
await delay(2000);
console.log('3s later');
}
print();在上面的例子中，我们定义了一个 delay 函数，它返回一个 Promise，用于模拟异步操作。然后我们定义了一个 async 函数 print，它使用了 await 关键字来等待异步操作完成。最后我们调用 print 函数，它会按照顺序输出 start、1s later 和 3s later。
总结
ES2017 包含了一些非常实用的新功能，如 trailing commas、Object.values/Object.entries 和 async/await。这些新功能可以让我们更方便地编写代码，提高代码的可维护性和可读性。如果你还没有开始使用 ES2017，请尝试使用它，它会让你的开发工作更加高效和愉快。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65683605d2f5e1655d1000a5