随着 JavaScript 的不断发展，ECMAScript 标准也在不断地更新。ES9 和 ES10 分别于 2018 年和 2019 年发布。这两个版本都包含了许多令人兴奋的新特性，下面我们来一探究竟。
ES9 新特性
异步迭代
异步迭代是一项基于 for await...of 语法的新功能，其目的是简化异步代码的处理过程。通过使用异步迭代，我们可以将异步代码的迭代器封装成可以循环的对象。如下是一个使用异步迭代的示例：
async function asyncFunc() {
const response = await fetch('https://jsonplaceholder.typicode.com/todos/');
const todos = await response.json();
for await (const todo of todos) {
console.log(todo.title);
}
}Promise.prototype.finally()
Promise.prototype.finally() 方法可以注册一个回调函数，当 promise 执行完毕后无论成败都会执行这个回调函数。 这个回调函数无法访问 promise 的状态，但是可以对其进行清理或处理操作。示例代码如下：
fetch('https://jsonplaceholder.typicode.com/todos/')
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error))
.finally(() => console.log('fetch complete'));Rest/Spread 属性
Rest/Spread 属性 是使用三个点号（...）在对象和数组上执行扩展、合并和分解操作的新功能。如下是一个使用 Rest/Spread 属性的示例：
-- -------------------- ---- ------- ----- --- - - -- -- -- -- -- - -- ----- - -- -------- - - ---- --------------- -- - ------------------- -- - -- -- -- - - ----- ---- - --- -- --- ----- ---- - --- -- --- ----- ------ - --------- --------- -------------------- -- --- -- -- -- -- --
ES10 新特性
Array.prototype.flat()
Array.prototype.flat() 是一个可以将嵌套数组扁平化的新方法。它会将多维数组降维成一维数组，可以指定降维的深度。示例代码如下：
const arr = [1, [2, [3]]]; const flatArr = arr.flat(2); console.log(flatArr); // [1, 2, 3]
Object.fromEntries()
Object.fromEntries() 可以将键-值对列表转换为对象。 该方法与 Object.entries() 相反，后者返回一个由一对对键值组成的数组。示例代码如下：
const obj = { a: 1, b: 2, c: 3 };
const entries = Object.entries(obj);
const newObj = Object.fromEntries(entries);
console.log(newObj); // { a: 1, b: 2, c: 3 }String.prototype.trimStart() 和 String.prototype.trimEnd()
String.prototype.trimStart() 和 String.prototype.trimEnd() 方法分别用于删除字符串开头和结尾的空格，可以使代码更加简洁易懂。示例代码如下：
const str = ' hello, world! '; console.log(str.trimStart()); // 'hello, world! ' console.log(str.trimEnd()); // ' hello, world!'
总结和建议
ES9 和 ES10 都包含许多新特性，可以使我们的代码更加简洁、易懂、高效。我们可以根据项目需求选择使用适合的功能，但是其中的异步迭代和 Rest/Spread 属性是比较常用的，建议你掌握并灵活运用。
在实践中，使用新特性最好要注意降低代码的可读性。有时候过度追求新功能可能会造成不必要的麻烦。 因此，使用新特性之前需要对其进行深入理解，并进行充分的测试，确保代码的可靠性和可维护性。
希望本文能对你了解 ES9 和 ES10 新特性有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/648ef3b948841e9894d5644d