随着前端技术的不断发展，JavaScript 语言也在不断地更新和完善。ES9（ECMAScript 2018）是 JavaScript 的最新版本，其中新增了一些非常有用的特性。在本文中，我们将一探究竟，了解 ES9 中新增的特性，并探讨它们的学习和指导意义。
1. 异步迭代
在 ES9 中，异步迭代成为了一项重要的特性。异步迭代允许我们使用 for-await-of 循环来遍历异步数据。在异步操作中，我们通常需要等待一个异步操作完成后再进行下一步操作，而异步迭代则可以帮助我们更加方便地处理异步操作。
下面是一个异步迭代的示例代码：
async function asyncFunc() {
const asyncIterable = createAsyncIterable(['a', 'b']);
for await (const x of asyncIterable) {
console.log(x);
}
}
async function* createAsyncIterable(array) {
for (let i = 0; i < array.length; i++) {
await new Promise(resolve => setTimeout(resolve, 1000));
yield array[i];
}
}在上面的代码中，我们定义了一个异步函数 asyncFunc 和一个异步生成器函数 createAsyncIterable。在 createAsyncIterable 函数中，我们使用 await 来等待异步操作完成后再返回数据。在 asyncFunc 函数中，我们使用 for-await-of 循环来遍历异步数据。当 createAsyncIterable 函数返回一个新的数据时，for-await-of 循环会自动等待异步操作完成后再进行下一步操作。
异步迭代是一个非常有用的特性，它可以帮助我们更加方便地处理异步数据，提高代码的可读性和可维护性。
2. Promise.prototype.finally()
在 ES9 中，Promise 对象新增了一个 finally 方法。finally 方法接受一个回调函数作为参数，该回调函数会在 Promise 对象的状态发生改变时被调用，无论是成功还是失败。
下面是一个 finally 方法的示例代码：
function fetchData() {
return fetch('https://api.github.com/users/john')
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error))
.finally(() => console.log('fetchData is done'));
}在上面的代码中，我们定义了一个 fetchData 函数，该函数使用 fetch 方法来获取 GitHub 用户 John 的信息。在 then 方法中，我们使用 console.log 来输出获取到的数据，在 catch 方法中，我们使用 console.error 来输出错误信息。在 finally 方法中，我们使用 console.log 来输出 fetchData 函数已经完成。
finally 方法可以帮助我们更加方便地处理 Promise 对象的状态改变，无论是成功还是失败，都可以执行一些必要的操作。
3. Rest/Spread 属性
在 ES9 中，对象和数组也新增了 Rest/Spread 属性的特性。Rest/Spread 属性可以帮助我们更加方便地处理对象和数组的数据。
下面是一个 Rest/Spread 属性的示例代码：
const obj1 = { a: 1, b: 2, c: 3 };
const obj2 = { ...obj1, d: 4 };
console.log(obj2); // { a: 1, b: 2, c: 3, d: 4 }
const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const arr3 = [...arr1, ...arr2];
console.log(arr3); // [1, 2, 3, 4, 5, 6]在上面的代码中，我们使用 Rest/Spread 属性来处理对象和数组的数据。在对象中，我们使用 ... 来扩展对象的属性，从而创建一个新的对象。在数组中，我们同样使用 ... 来扩展数组的元素，从而创建一个新的数组。
Rest/Spread 属性可以帮助我们更加方便地处理对象和数组的数据，提高代码的可读性和可维护性。
4. 其他特性
除了上述特性之外，ES9 还新增了一些其他的特性，如：正则表达式命名捕获组、模板字面量的增强等。这些特性都可以帮助我们更加方便地处理数据和编写代码。
总结
ES9 中新增了一些非常有用的特性，如异步迭代、Promise.prototype.finally()、Rest/Spread 属性等。这些特性可以帮助我们更加方便地处理异步操作、Promise 对象和对象/数组的数据。同时，ES9 还新增了一些其他的特性，也可以帮助我们更加方便地编写代码。我们应该学习和掌握这些特性，以提高我们的编程能力和代码质量。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65c05605add4f0e0ffa2bb9c