JavaScript 是一门动态编程语言，它的发展一直以来都非常迅速。每一次的更新都带来了新的特性和改进，使得开发者们能够更高效地编写代码。ES11（也称为 ECMAScript 2020）是 JavaScript 的最新版本，其中包含了许多新特性，本文将介绍如何利用这些新特性来优化 JavaScript 代码。
可选链操作符
在 JavaScript 中，当我们需要获取一个对象的属性时，如果这个对象是 null 或 undefined，那么就会出现 TypeError 错误。ES11 中引入了可选链操作符（?.），可以让我们更加方便地访问对象的属性，而不用担心对象不存在的情况。
// 在 ES10 中 const name = person && person.name && person.name.first; // 在 ES11 中 const name = person?.name?.first;
空值合并操作符
在 JavaScript 中，当我们需要获取一个对象的属性时，如果这个对象是 null 或 undefined，我们通常会使用 || 运算符来提供一个默认值。ES11 中引入了空值合并操作符（??），可以让我们更加方便地提供默认值。
// 在 ES10 中 const name = person.name || 'Unknown'; // 在 ES11 中 const name = person.name ?? 'Unknown';
动态 import
在 ES11 中，我们可以使用动态 import 来动态加载模块。这使得我们可以按需加载模块，提高应用程序的性能和速度。
// 动态加载模块
const module = await import('./module.js');Promise.allSettled
在 ES11 中，Promise.allSettled 可以让我们在多个 Promise 完成后获取它们的状态和结果。不像 Promise.all 只要有一个 Promise 失败就会立即抛出错误，Promise.allSettled 会等待所有 Promise 完成后返回一个数组，数组中包含每个 Promise 的状态和结果。
-- -------------------- ---- ------- ----- -------- - - ---------------------------- --------------------------- --------------------------- -- ----------------------------------------- -- - --------------------- --- -- ------- -- ------- ------------ ------ ---------- -- - ------- ----------- ------- ---------- -- - ------- ------------ ------ ---------- --
双冒号运算符
在 ES11 中，双冒号运算符（::）允许我们更方便地绑定函数的上下文。通常情况下，我们需要使用 bind 方法来绑定函数的上下文，但是双冒号运算符让这个过程变得更加简洁。
// 在 ES10 中 const bindedFunction = functionToBind.bind(thisArg); // 在 ES11 中 const bindedFunction = thisArg::functionToBind;
总结
ES11 中引入的新特性可以让我们更加高效地编写 JavaScript 代码，提高代码的可读性和可维护性。在实际开发中，我们应该根据项目的需求和特点，合理地使用这些新特性，以达到更好的效果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6638e023d3423812e46ef759