ES11，也称为 ECMAScript 2020，是 JavaScript 语言的最新版本。它在 2020 年正式发布，引入了许多新的特性和功能。在这篇文章中，我们来探讨 ES11 的变化，并学习如何使用它们来提高我们的前端开发技能。
变化一：可选链
在 JavaScript 中，我们经常需要访问对象的属性，但由于对象属性可能不存在，这些代码可能会抛出错误。例如：
const user = {
name: 'John Smith'
};
console.log(user.address.city); // 抛出 TypeError在 ES11 中，我们可以使用可选链运算符 ?. 来防止这种错误：
const user = {
name: 'John Smith'
};
console.log(user?.address?.city); // 不会抛出错误这里的 ?. 运算符会先检查 user 和 user.address 是否存在，只有当这两个属性都存在时，才会访问 user.address.city。
变化二：空值合并运算符
在 JavaScript 中，我们经常需要设置默认值，以防止变量为空或未定义。例如：
const name = username || 'Default name';
在 ES11 中，我们可以使用空值合并运算符 ?? 来代替或运算符 ||：
const name = username ?? 'Default name';
这里的 ?? 运算符会如果 username 为 null 或 undefined，则使用 'Default name' 作为默认值。
变化三：全局 Promise.any()
Promise.any() 是一个新的 Promise 方法，它接受一个 Promise 数组，只要其中一个 Promise 成功，就返回该 Promise 的值，而不等待其它 Promise 的结果。如果所有 Promise 都失败，它会返回一个 AggregateError 实例，其中包含所有 Promise 的错误列表。例如：
-- -------------------- ---- ------- ----- -------- - - ------------------- --------------------- ---- ------------------- --------------------- --- -- --------------------- ----------- -- ------------------- -- -- - ------------ -- ---------------------- -- -- --------------
变化四：String.prototype.matchAll()
String.prototype.matchAll() 是一个新的字符串方法，它可以通过正则表达式匹配字符串，并返回所有匹配的结果。例如：
const str = 'hello world';
const regex = /\w+/g;
const matches = str.matchAll(regex);
for (const match of matches) {
console.log(match[0]); // 输出 hello 和 world
}变化五：新的 import.meta 对象
在 ES11 中，我们可以使用 import.meta 对象来访问模块中当前执行的代码的元数据。例如：
console.log(import.meta.url); // 输出当前模块的 URL
这个特性为模块开发者提供了更多信息，例如当前模块的文件路径和 URL。
总结
ES11 引入了许多新的特性和功能，如可选链、空值合并运算符、全局 Promise.any()、String.prototype.matchAll() 和 import.meta 对象。它们可以帮助我们写出更高效、更简洁和更可读的代码。我们应该学习并掌握这些新特性，并在我们的项目中尝试使用它们。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/645622aa968c7c53b09651a8