ES9 是 ECMAScript 2018 的简称，是 JavaScript 的最新版本。它引入了一些新的特性，包括异步迭代器、Promise 的 finally 方法、Rest/Spread 属性等。本文将介绍 ES9 的七种新特性，并提供详细的示例代码，帮助读者更好地理解和应用这些新特性。
1. 异步迭代器
ES9 引入了异步迭代器，它可以让我们在异步代码中使用 for-await-of 语句来遍历异步迭代器对象。下面是一个简单的示例：
// javascriptcn.com 代码示例
async function* asyncGenerator() {
yield 1;
yield 2;
yield 3;
}
(async function() {
for await (let num of asyncGenerator()) {
console.log(num);
}
})();这段代码会输出 1、2、3。可以看到，我们使用了 async function* 声明了一个异步生成器函数，然后使用 for-await-of 语句遍历异步迭代器对象。
2. Promise 的 finally 方法
ES9 引入了 Promise 的 finally 方法，它可以让我们在 Promise 完成后无论是成功还是失败，都能执行一些清理工作。下面是一个简单的示例：
// javascriptcn.com 代码示例
Promise.resolve('hello')
.then(result => console.log(result))
.catch(error => console.log(error))
.finally(() => console.log('finally'));
Promise.reject(new Error('error'))
.then(result => console.log(result))
.catch(error => console.log(error))
.finally(() => console.log('finally'));这段代码会输出 hello、error 和 finally。可以看到，我们使用了 Promise 的 finally 方法来执行一些清理工作。
3. Rest/Spread 属性
ES9 引入了 Rest/Spread 属性，它可以让我们更方便地处理对象和数组。下面是一个简单的示例：
const person = { name: 'John', age: 30, gender: 'male' };
const { name, ...rest } = person;
console.log(name, rest);
const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const arr3 = [7, ...arr1, ...arr2];
console.log(arr3);这段代码会输出 John { age: 30, gender: 'male' } 和 [7, 1, 2, 3, 4, 5, 6]。可以看到，我们使用了 Rest/Spread 属性来处理对象和数组。
4. 正则表达式命名捕获组
ES9 引入了正则表达式命名捕获组，它可以让我们更方便地处理正则表达式的匹配结果。下面是一个简单的示例：
const regex = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/;
const match = regex.exec('2021-07-01');
console.log(match.groups.year, match.groups.month, match.groups.day);这段代码会输出 2021、07 和 01。可以看到，我们使用了正则表达式命名捕获组来处理正则表达式的匹配结果。
5. 空值合并运算符
ES9 引入了空值合并运算符，它可以让我们更方便地处理空值。下面是一个简单的示例：
const a = null ?? 'default'; const b = undefined ?? 'default'; const c = 0 ?? 'default'; console.log(a, b, c);
这段代码会输出 default、default 和 0。可以看到，我们使用了空值合并运算符来处理空值。
6. 可选链运算符
ES9 引入了可选链运算符，它可以让我们更方便地处理嵌套对象和数组。下面是一个简单的示例：
const obj = { a: { b: { c: 1 } } };
const c = obj?.a?.b?.c;
console.log(c);
const arr = [1, 2, 3];
const d = arr?.[3];
console.log(d);这段代码会输出 1 和 undefined。可以看到，我们使用了可选链运算符来处理嵌套对象和数组。
7. BigInt
ES9 引入了 BigInt，它可以让我们更方便地处理大整数。下面是一个简单的示例：
const max = Number.MAX_SAFE_INTEGER; console.log(max); const bigInt = BigInt(max) + BigInt(1); console.log(bigInt);
这段代码会输出 9007199254740991 和 9007199254740992。可以看到，我们使用了 BigInt 来处理大整数。
总结
ES9 引入了异步迭代器、Promise 的 finally 方法、Rest/Spread 属性、正则表达式命名捕获组、空值合并运算符、可选链运算符和 BigInt 这七种新特性。它们都可以让我们更方便地处理异步代码、对象和数组、正则表达式、空值和大整数。我们可以根据实际需求来选择使用这些新特性，并结合示例代码来更好地理解和应用它们。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65727304d2f5e1655db51ad5