ECMAScript 2018 新特性中经常会被忽略的细节
ECMAScript 2018 是 JavaScript 的最新版本，其中包含了许多新特性和语言改进。然而，有些特性在开发者使用时经常被忽略，这些细节对于正确使用这些特性非常重要。在本文中，我们将介绍一些经常被忽略的 ECMAScript 2018 新特性的细节。
async和await
async 和 await 是 ECMAScript 2018 中最重要的新特性之一。它们可以使异步代码的编写变得更加简单和直观。然而，使用 async 和 await 时需要注意以下几个细节：
async函数返回的是一个 Promise 对象，因此在调用async函数时需要使用await或.then()方法来获取返回值。await只能在async函数中使用，否则会抛出语法错误。await只能用于 Promise 对象，如果使用非 Promise 对象将会抛出错误。await只会等待其后面的 Promise 对象 resolve 或 reject，如果有多个 Promise 对象需要等待，可以使用Promise.all()方法。
下面是一个使用 async 和 await 的示例代码：
async function fetchData() {
const response = await fetch('https://api.example.com/data');
const data = await response.json();
return data;
}
fetchData().then(data => console.log(data)).catch(error => console.error(error));Object.values()和Object.entries()
Object.values() 和 Object.entries() 可以分别返回对象的值和键值对数组。这两个方法可以使代码更加简洁和易于阅读。然而，使用它们时需要注意以下几个细节：
Object.values()和Object.entries()的返回值都是数组，因此可以使用数组的方法进行操作。Object.values()和Object.entries()返回的数组顺序与对象属性的顺序一致。Object.entries()返回的数组中每个元素都是一个长度为 2 的数组，第一个元素是属性名，第二个元素是属性值。
下面是一个使用 Object.values() 和 Object.entries() 的示例代码：
const obj = { a: 1, b: 2, c: 3 };
const values = Object.values(obj);
const entries = Object.entries(obj);
console.log(values); // [1, 2, 3]
console.log(entries); // [['a', 1], ['b', 2], ['c', 3]]Array.prototype.flat()
Array.prototype.flat() 可以将多维数组扁平化为一维数组。这个方法可以使代码更加简洁和易于阅读。然而，使用它时需要注意以下几个细节：
Array.prototype.flat()的参数是一个整数，表示要扁平化的维度，默认值为 1。Array.prototype.flat()可以扁平化任意维度的数组，如果需要扁平化全部维度，可以使用 Infinity 作为参数。Array.prototype.flat()不会改变原数组，而是返回一个新的扁平化后的数组。
下面是一个使用 Array.prototype.flat() 的示例代码：
const arr = [1, [2, [3]]]; const flatArr = arr.flat(); console.log(flatArr); // [1, 2, 3]
结论
在使用 ECMAScript 2018 新特性时，需要注意这些经常被忽略的细节。这些细节对于正确使用这些新特性非常重要，同时也可以使代码更加简洁和易于阅读。希望本文能够对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/675e85bfe49b4d0716178b76