ES9 是 JavaScript 的最新版本，它引入了许多新特性和改进，使得编写现代 JavaScript 代码更加容易和高效。在本文中，我们将探讨 ES9 中的一些新特性，并提供一些示例代码，以帮助您更好地理解和应用这些特性。
异步迭代器
异步迭代器是 ES9 中引入的一个新特性。它允许我们在异步循环中使用 for-await-of 循环，这是一种方便且易于理解的方法来处理异步数据流。
下面是一个简单的示例，演示如何使用异步迭代器处理异步数据流：
-- -------------------- ---- -------
----- ------------- - -
------------------------ -
--- - - --
------ -
----- ------ -
-- -- - -- -
------ - ------ ---- ----- ----- --
-
------ - ----- ---- --
-
--
-
--
------ ---------- -
--- ----- ------ --- -- -------------- -
-----------------
-
-----在这个示例中，我们定义了一个异步迭代器 asyncIterable，它返回一个对象，该对象具有一个 [Symbol.asyncIterator] 方法，该方法返回一个异步迭代器对象。异步迭代器对象具有一个 next 方法，该方法返回一个 Promise，该 Promise 解析为一个包含 value 和 done 属性的对象。在 for-await-of 循环中，我们使用异步迭代器处理数据流，并将每个值打印到控制台上。
Promise.prototype.finally()
Promise.prototype.finally() 是另一个 ES9 中引入的新特性。它允许我们在 Promise 链中添加一个 finally() 方法，该方法在 Promise 完成或拒绝后都会执行。
下面是一个示例，演示如何使用 Promise.prototype.finally() 方法：
fetch('https://jsonplaceholder.typicode.com/todos/1')
.then(response => response.json())
.then(json => console.log(json))
.catch(error => console.error(error))
.finally(() => console.log('fetch completed'));在这个示例中，我们使用 fetch() 方法获取 JSON 数据，并在 Promise 链中添加了一个 finally() 方法。当 Promise 完成或拒绝时，finally() 方法将始终执行，并将消息 "fetch completed" 打印到控制台上。
Rest/Spread 属性
ES9 还引入了 Rest/Spread 属性，这是一种允许我们在对象字面量中使用剩余参数和展开语法的新特性。
下面是一个示例，演示如何使用 Rest/Spread 属性：
const person = { name: 'John', age: 30, gender: 'male' };
const { name, ...rest } = person;
const newPerson = { name: 'Jane', ...rest, age: 25 };
console.log(person); // { name: 'John', age: 30, gender: 'male' }
console.log(newPerson); // { name: 'Jane', age: 30, gender: 'male' }在这个示例中，我们定义了一个 person 对象，并使用 Rest 属性将其解构为一个 name 变量和一个 rest 变量。然后，我们使用 Spread 属性创建了一个新的对象 newPerson，该对象包含 name 和 age 属性，以及 person 对象中剩余的属性。
结论
ES9 中引入了许多新特性和改进，这些特性和改进使得编写现代 JavaScript 代码更加容易和高效。在本文中，我们探讨了 ES9 中的一些新特性，并提供了一些示例代码，以帮助您更好地理解和应用这些特性。我们希望这些示例代码对您有所帮助，并鼓励您在实践中尝试使用它们。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6724c6802e7021665e154456