ECMAScript 2020，也被称为 ES11，是 JavaScript 编程语言的最新版本。在这个新版本中，引入了一些非常实用的新特性，让开发者们能够更加高效地编写代码。本文将对 ES11 的新特性进行浅析，帮助读者更好地了解这些新特性的作用和用法。
新特性一：可选链操作符（Optional Chaining）
在 ES11 中，新增了一个可选链操作符（Optional Chaining），可以更方便地访问对象的属性，避免了因为对象属性不存在而导致的 TypeError 错误。
下面是一个示例代码：
// javascriptcn.com 代码示例
const user = {
name: 'Tom',
address: {
city: 'Beijing',
street: 'Xidan'
}
};
// 传统方式访问对象属性
const city = user && user.address && user.address.city;
console.log(city); // "Beijing"
// 使用可选链操作符访问对象属性
const city2 = user?.address?.city;
console.log(city2); // "Beijing"在上面的示例代码中，我们可以看到，使用可选链操作符可以更加简洁地访问对象属性，避免了多次判断对象属性是否存在的繁琐操作。
新特性二：空值合并操作符（Nullish Coalescing）
在 ES11 中，还新增了一个空值合并操作符（Nullish Coalescing），可以更方便地处理 null 或 undefined 值的情况。
下面是一个示例代码：
// 传统方式处理 null 或 undefined 值 const str = null || 'default'; console.log(str); // "default" // 使用空值合并操作符处理 null 或 undefined 值 const str2 = null ?? 'default'; console.log(str2); // null
在上面的示例代码中，我们可以看到，使用空值合并操作符可以更加方便地处理 null 或 undefined 值的情况，避免了一些不必要的判断。
新特性三：字符串新增方法
在 ES11 中，还新增了一些字符串的方法，可以更加方便地处理字符串。
下面是一些示例代码：
// javascriptcn.com 代码示例
// 新增 String.prototype.matchAll 方法
const str = 'Hello, world!';
const regex = /(\w+), (\w+)!/g;
const matches = str.matchAll(regex);
for (const match of matches) {
console.log(match[1], match[2]); // "Hello" "world"
}
// 新增 String.prototype.trimStart 和 String.prototype.trimEnd 方法
const str2 = ' Hello, world! ';
console.log(str2.trimStart()); // "Hello, world! "
console.log(str2.trimEnd()); // " Hello, world!"在上面的示例代码中，我们可以看到，新增的字符串方法可以更加方便地处理字符串，提高了代码的可读性和可维护性。
总结
ES11 的新特性为开发者们提供了更加高效、方便的编程方式，特别是可选链操作符和空值合并操作符，可以更加方便地处理对象属性和 null 或 undefined 值的情况。在实际项目中，我们可以根据需要灵活地使用这些新特性，提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6583cf0fd2f5e1655de99a14