JavaScript 是一门非常重要的编程语言，它在 Web 开发领域中发挥着举足轻重的作用。作为前端开发者，我们需要及时了解并掌握最新的 JavaScript 规范，以便更为高效地进行开发。在本文中，我们将介绍 2021 年最新的 JavaScript 规范（ES11/ES2020），详细探讨了新规范中的特性和变化。
1. 新的正则表达式特性
在 ES11 中，正则表达式得到了一些更新，包括两个新特性：
1.1 具名捕获组
具名捕获组是一个在正则表达式中非常有用的特性。在过去，我们只能通过编号方式从匹配结果中获得捕获的值。但是使用具名捕获组可以为每个捕获添加一个名称，使结果更加直观易懂。
以下是具名捕获组的示例代码：
const regexp = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/;
const result = regexp.exec('2021-12-31');
console.log(result.groups.year); // 2021
console.log(result.groups.month); // 12
console.log(result.groups.day); // 311.2 “dotAll”模式
在 ES11 中，“.”表示除换行符以外的任意单个字符。然而有时候我们需要匹配包含换行符的字符串，这时候就需要使用“dotAll”模式。在“dotAll”模式下，“.”可以匹配包括换行符在内的任意单个字符。
以下是“dotAll”模式的示例代码：
const regexp = /foo.bar/s;
console.log(regexp.test('foo\nbar')); // true
console.log(regexp.test('foo\tbar')); // true
console.log(regexp.test('foo\rbar')); // true
console.log(regexp.test('foo bar')); // false2. 可选链操作符
可选链操作符是另一个非常实用的新特性。它可以帮助我们在访问一个嵌套对象的属性时，避免出现“undefined”异常。在过去，我们需要使用一些额外的代码来检查属性是否存在，但现在我们可以直接使用可选链操作符来解决这个问题。
以下是可选链操作符的示例代码：
-- -------------------- ---- -------
----- --- - -
---- -
---- -
---- ------- -------
-
-
--
----- ------- - --- -- ------- -- ----------- -- ----------------
--------------------- -- ------- -------
----- ------- - -------------------
--------------------- -- ------- -------3. BigInt
BigInt 是另一项新特性，它可以帮助我们操作超出 JavaScript Number 类型安全整数范围的整数。例如，我们可以使用 BigInt 来计算非常大的数字或处理时间戳。
以下是 BigInt 的示例代码：
const a = BigInt(Number.MAX_SAFE_INTEGER); const b = BigInt(Number.MAX_SAFE_INTEGER); console.log(a + b); // 18014398509481982n console.log(typeof (a + b)); // 'bigint'
4. 全局对象中的 globalThis 属性
在 ES11 中，全局对象中的 globalThis 属性被正式引入。用于获取全局环境下的 this 值，可以消除平台差异。
以下是 globalThis 的示例代码：
console.log(globalThis); // Window/Browser 环境下为 window，Node.js 环境下为 global
总结
在本文中，我们详细介绍了 2021 年最新的 JavaScript 规范（ES11/ES2020）中的一些新特性。从正则表达式到可选链操作符，我们讲解了这些新特性的使用和示例代码。了解并掌握这些新特性将帮助我们更好地进行前端开发，提高代码效率和质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6460a631968c7c53b024c003