JavaScript 是一门广泛使用的编程语言，但是标准库中存在一些缺陷，这些缺陷可能会影响开发者的工作效率。ES11（也称为 ECMAScript 2020）中引入了一些新特性，解决了一些标准库中的缺陷，本文将介绍这些新特性，并提供相应的示例代码。
1. 可选链式操作符
在 JavaScript 中，有时候需要访问一个对象的属性或方法，但是该对象可能为空或未定义。这时候使用传统的方式会报错，需要进行一些额外的判断。ES11 中引入了可选链式操作符，可以简化这个过程。
// 传统方式
if (obj && obj.prop && obj.prop.method) {
obj.prop.method();
}
// 使用可选链式操作符
obj?.prop?.method();在上面的示例中，如果 obj 或其 prop 属性或其 method 方法不存在，传统方式需要进行多个判断，而使用可选链式操作符则可以一次判断。这种方式可以提高代码的可读性和简洁性。
2. 空值合并操作符
在 JavaScript 中，有时候需要给一个变量赋默认值，但是传统方式需要进行额外的判断，ES11 中引入了空值合并操作符，可以简化这个过程。
// 传统方式 const value = input || defaultValue; // 使用空值合并操作符 const value = input ?? defaultValue;
在上面的示例中，如果 input 为 falsy 值（如 null、undefined、0、'' 等），传统方式会返回 defaultValue，而使用空值合并操作符则只有在 input 为 null 或 undefined 时才返回 defaultValue。这种方式可以提高代码的简洁性和可读性。
3. 动态导入
在 JavaScript 中，使用 import 关键字导入模块时，必须在编译时确定模块的路径。ES11 中引入了动态导入，可以在运行时动态加载模块。
// 传统方式
import('./module.js').then(module => {
module.method();
});
// 使用动态导入
const module = await import('./module.js');
module.method();在上面的示例中，传统方式需要使用 then 方法回调，而使用动态导入则可以使用 await 关键字，提高代码的可读性和简洁性。
4. BigInt
在 JavaScript 中，Number 类型的范围是有限的，无法处理大于 2^53 - 1 的整数。ES11 中引入了 BigInt 类型，可以处理任意精度的整数。
// Number 类型 console.log(Number.MAX_SAFE_INTEGER); // 9007199254740991 console.log(9007199254740992); // 9007199254740992 console.log(9007199254740993); // 9007199254740992 // BigInt 类型 console.log(9007199254740993n); // 9007199254740993n
在上面的示例中，当使用 Number 类型时，大于 2^53 - 1 的整数会出现精度问题，而使用 BigInt 类型则可以处理任意精度的整数。
结论
ES11 中引入的新特性解决了 JavaScript 标准库中的一些缺陷，提高了代码的可读性、简洁性和可维护性。开发者应该学习并使用这些新特性，提高开发效率和代码质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/675cf880e5138b922288f5dc