随着 JavaScript 的快速发展，ES11 新增了一些非常方便的新特性，包括空值合并运算符、可选链运算符和全局声明的环境等。这些特性的出现不仅简化了开发过程，而且还提高了 JavaScript 代码的可读性和可维护性。在本文中，我们将详细讨论这些特性的优势、使用方法和示例代码，以及如何将其应用于实际开发中。
空值合并
空值合并运算符（Nullish Coalescing）是一个新的 JavaScript 运算符，表示当左操作数为 null 或 undefined 时，返回右操作数。空值合并运算符最适合用于定义默认值，如果变量不存在或者为 null 或 undefined，则使用默认值。
使用 ?? 运算符，可以将空值合并写成简单明了的表达式。下面是一个示例，展示了如何使用空值合并运算符将代码中的变量设置为默认值：
const greeting = inputGreeting ?? 'Hello world';
上面的代码中，inputGreeting 变量可以为 null 或 undefined，如果是这种情况，则会将 greeting 变量设置为默认值 'Hello world'。
可选链
可选链运算符（Optional Chaining）也是一种新的 JavaScript 运算符，它允许我们避免在使用对象属性和方法时出现异常。如果对象的属性或方法不存在，则返回 undefined，而不是抛出异常。
可选链使用 ?. 的语法，可以使代码更加简洁和易读。下面是一个示例，展示了如何使用可选链来避免抛出异常：
const user = {
name: 'Alice',
age: 20,
};
const city = user.address?.city;上面的代码中，user 对象有一个 address 属性，该属性是一个对象，其中包含一个 city 属性。使用可选链运算符，我们可以轻松地从 user 对象中获取 address 属性，而不必检查 user 对象或 address 属性是否存在。
全局声明的环境
ES11 中引入了一个新特性，允许我们在 JavaScript 中使用全局 eval 和 Function 函数，而不是在全局环境中创建新的属性或函数。
在之前的版本中，使用 eval 和 Function 函数可能会导致全局环境中创建新的属性或函数，这可能会导致出现安全问题或命名空间污染。但是，ES11 允许我们使用全局声明的环境，可以规避这些问题。
使用全局声明的环境，我们可以限制 eval 和 Function 函数在代码块中创建的属性和函数的范围。下面是一个示例，展示了如何使用全局声明的环境：
{
const a = 1;
const fn = new Function('b', 'return a + b', {globalThis});
console.log(fn(2)); // 输出 3
}上面的代码中，我们使用了全局声明的环境将 a 变量标识为全局变量。在 Function 函数中，我们可以使用 globalThis 参数来传递全局环境，然后访问全局变量 a。
总结
ES11 中新增的空值合并、可选链和全局声明的环境等特性，为 JavaScript 开发者提供了更多的选择和便利。通过运用这些特性，我们可以使代码更加简洁、易读和可维护。在实际开发中，我们应该灵活运用这些特性，以提高代码的质量和效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64fe66e995b1f8cacdd2f68d