ECMAScript 是 JavaScript 的标准化版本。ES9 和 ES10 是 ECMAScript 的最新版本，引入了一些新特性和改进。本篇文章将探讨 ES9 和 ES10 常用的新特性，并提供示例代码。
ES9 新特性
ES9 又称为 ECMAScript 2018，发布于 2018 年 6 月。它引入了以下新特性：
1. 异步迭代器
异步迭代器是一个带有异步 next 方法的迭代器。通过迭代逐个获取元素的方式，异步迭代器可以处理异步序列，使得处理异步数据变得更加容易。
----- --------- ------------------ -
----- --
----- --
----- --
-
----- -------- ----------------- -
--- ----- ---- --- -- ------------------- -
-----------------
-
-
------------------ -- --- - - -2. Promise.prototype.finally()
finally() 方法接受一个回调函数作为参数，在 Promise 结束时，无论是 fulfilled 还是 rejected 都会执行该回调函数。
---------------------------------- -- - ----------------------- ---
3. 扩展的正则表达式功能
ES9 扩展了正则表达式的功能，引入了 s 标志来匹配任何单个字符（包括换行符）：
----- ----- - ----------- ----------------------- -- --- ----
ES10 新特性
ES10 又称为 ECMAScript 2019，发布于 2019 年 6 月。它引入了以下新特性：
1. Array.prototype.flat()
flat() 方法按照指定的深度，将嵌套数组展开成一个新的数组。如果没有指定深度，则默认为 1。
----- --- - --- --- --- ---- --- ---- ----------- -- --- --- -- -- --- --- -- ------------ -- --- --- -- -- --- --- -- ------------ -- --- --- -- -- -- -- --
2. Array.prototype.flatMap()
flatMap() 方法可以将每个数组元素映射到一个新数组，并将最终结果展开为一个新的数组。它相当于先调用 map() 方法，再调用 flat() 方法。
----- --- - --- -- --- ------------- -- -- - ---- -- --- --- -- --
3. 动态 import()
import() 方法是异步的，可以在运行时动态加载模块。
----- -------- -------------- - ----- ------ - ----- --------------------- ------------------ - --------------- -- --- ------ ------
4. String.prototype.trimStart() 和 String.prototype.trimEnd()
trimStart() 方法和 trimEnd() 方法分别可以去掉字符串的开头和结尾的空白符。
----- --- - - ------ ------ -- ---------------- -- --- ------- ------ - -------------- -- --- - ------ -------
总结
ES9 和 ES10 引入了一些新特性和改进，包括异步迭代器、Promise.prototype.finally() 方法、扩展的正则表达式功能、Array.prototype.flat() 方法、Array.prototype.flatMap() 方法、动态 import() 方法、String.prototype.trimStart() 和 String.prototype.trimEnd() 方法。学习这些新特性可以提高前端开发的效率，同时也有助于提高代码的质量。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6472accb968c7c53b004a098