ECMAScript 2020（ES11）是 ECMAScript 标准的第 11 个版本。它是 JavaScript 语言的重要更新，为前端开发者带来了一些强大的新特性。在本文中，我们将讨论 ES11 中的 Top 10 特性，并提供详细的介绍和示例代码。这些特性将为您的开发提供深度和学习以及指导意义。
1. 可选链操作符（Optional chaining operator）
可选链操作符是一个新的运算符，它可以使代码更加简洁和易于阅读。它通常用于检查对象的嵌套属性是否存在并避免出现 TypeError 错误。
示例代码：
-- -------------------- ---- ------- -- ------- -------- -------- -- -------- -- ----------- -- ------------------- - -------------------------------- - ---- - ------------------- --- -------- - -- ---- -------- -------- -------------------------------- -- ------- --- --------
2. 空值合并运算符（Nullish coalescing operator）
空值合并运算符是另一个新的运算符，它用于提供默认值，但只有当变量的值为 null 或 undefined 时才会生效。
示例代码：
let name = null; console.log(name ?? 'John Doe'); // Output: John Do let salary = 0; console.log(salary || 9000); // Output: 9000 let age; console.log(age ?? 18); // Output: 18
3. Promise.allSettled()
Promise.allSettled() 方法接收一个 Promise 数组，该数组可以包含任何数量的 Promise 对象，并在它们完成后返回一个数组。
示例代码：
const promises = [Promise.resolve('foo'), Promise.reject('bar'), Promise.resolve('baz')];
Promise.allSettled(promises)
.then(results => results.forEach(result => console.log(result.status, result.value)))
.catch(error => console.log(error));4. matchAll()
matchAll() 方法接收一个正则表达式，并返回一个迭代器，该迭代器可以用于遍历字符串中所有匹配该正则表达式的子串。它类似于 String.prototype.match() 方法，但是它可以返回所有匹配项而不只返回第一个匹配项。
示例代码：
const str = 'Hello World!';
const regex = /[A-Z]/g;
const matches = str.matchAll(regex);
for (const match of matches) {
console.log(match[0], match.index);
}5. 动态导入（Dynamic import）
动态导入使您可以在运行时动态加载 JavaScript 模块而不必在编译时将它们引入。这样可以提高应用程序的性能和灵活性。
示例代码：
async function loadModule(path) {
return await import(path);
}
const myModule = await loadModule('./my-module.js');6. BigInt
BigInt 是一种新的原生数据类型，可以用来表示任意精度的整数。它可以解决 JavaScript 中数字的溢出问题，并使得处理极大或极小的数字更加容易。
示例代码：
const a = 9007199254740991n; const b = 1n; console.log(a + b); // Output: 9007199254740992n
7. String.prototype.matchAll()
String.prototype.matchAll() 方法与 matchAll() 方法类似，但是它是用于字符串的，并且不需要传递正则。
示例代码：
const str = 'The quick brown fox jumps over the lazy dog';
const matches = str.matchAll('o');
for (const match of matches) {
console.log(match[0], match.index);
}8. globalThis
globalThis 变量是一个新的全局对象，它可以在任何上下文中使用，无论是在浏览器还是在 Node.js 中。
示例代码：
console.log(globalThis.alert('Hello World!'));
console.log(globalThis.setTimeout(() => console.log('Hello World!'), 1000));9. Object.fromEntries()
Object.fromEntries() 方法可以根据给定的键值对数组创建一个对象。
示例代码：
const entries = [['name', 'John'], ['age', 30], ['city', 'New York']];
const obj = Object.fromEntries(entries);
console.log(obj);
// Output: {name: "John", age: 30, city: "New York"}10. 可访问的字符（Accessible character）
该特性可以让您以更多的语言编写代码，因为它允许您使用更多的字符集。
示例代码：
const 你好 = '你好'; console.log(你好); // Output: 你好
结论
ES11 提供了许多强大的新特性，这些特性可以使开发人员更轻松地创建可读性更高、功能更强大的代码。我们在本文中介绍了 ES11 的 10 大新特性，并提供了示例代码以供参考。希望这些特性能够帮助您在开发中更加高效和舒适。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/672b0b18ddd3a70eb6d1729b