ES9 所带来的新特性是不可小觑的，这些特性不仅能够提高代码的运行效率，还能使代码更富有表达性。下面我们将围绕着 ES9 的新特性展开讨论，介绍其详细的知识点及其在实践中的意义。
异步迭代器
在 ES9 中，异步迭代器是一个非常重要的新特性。在以前的版本中，我们只能使用同步迭代器来遍历数组、数据集等，但是对于异步操作（如网络请求、文件 I/O 等）我们只能使用回调函数或 Promise 来处理。而 ES9 中引入了异步迭代器，我们可以通过 for-await-of 循环来遍历异步操作的结果，确实提高了代码的表现力和可读性。
示例代码：
-- -------------------- ---- -------
----- --------- ---------------- -
--- - - --
----- -- - -- -
----- --- --------------- -- ------------------- -------
----- ----
-
-
------ -- -- -
--- ----- ---- --- -- ----------------- -
-----------------
-
-----在这个示例中，我们定义了一个返回异步迭代器的函数 asyncGenerator，它每隔 1 秒钟返回一个递增的整数。而在主函数中，我们使用 for-await-of 循环遍历此异步迭代器，将异步操作的结果打印到控制台中。
Promise.prototype.finally()
有时候我们需要在 Promise 链中添加一些不管 Promise 成功还是失败都会执行的函数，而在 ES9 中，我们可以使用 Promise.prototype.finally() 方法来实现这个功能。这个方法会在 Promise 状态确定之后都会执行，并且它还会向下传递 Promise 的值或错误。
示例代码：
fetch('https://jsonplaceholder.typicode.com/todos/1')
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error))
.finally(() => console.log('fetch request finished'));在这个示例中，我们使用 fetch 方法获取一个 JSON 数据，然后解析并输出到控制台中。不论请求是否成功，都会执行 finally() 方法中的代码，帮助我们完成特定操作的清理工作。
Rest/Spread 属性
在 ES9 中，我们可以使用 Rest/Spread 属性来获取一个对象的剩余属性（Rest）或者将一个对象的属性拓展至另一个对象（Spread）。这个特性在编码中帮助我们编写更加简洁、高效的代码。
示例代码：
const { x, y, ...z } = { x: 1, y: 2, a: 3, b: 4 };
console.log(x); // 1
console.log(y); // 2
console.log(z); // { a: 3, b: 4 }在这个示例中，我们使用 Rest 属性语法来捕获对象中的 x 和 y 属性，用一个 newObject 对象捕获对象中的剩余属性 a 和 b。
另一个简单的示例：
const obj1 = { a: 1, b: 2 };
const obj2 = { ...obj1, c: 3 };
console.log(obj2); // { a: 1, b: 2, c: 3 }在这个示例中，我们使用 Spread 属性语法将 obj1 中的属性拓展至 obj2 中，并新增了属性 c 为 3。
总结
ES9 中介绍的这些新特性可以帮助前端开发者在语言层面上更好地解决异步、函数式编程、对象操作等问题，提高代码的表现力、可读性和性能。在实践中应用这些新特性可以让我们的代码更加高效，满足开发的需求。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64561a98968c7c53b095f07c