四个鲜为人知的现代 JavaScript 技巧

在 JavaScript 不断发展的今天，掌握一些鲜为人知的技巧可以让您的开发工作更加高效和有趣。以下是四个值得探索的现代 JavaScript 技巧。

1. 可选链操作符（Optional Chaining）

可选链操作符 ?. 允许您在访问可能为 null 或 undefined 的对象属性时，避免抛出错误。例如，如果您有一个复杂的对象结构 obj ，并且不确定其中的某个属性是否存在，使用可选链操作符可以简洁地处理这种情况：

const value = obj?.property?.subProperty;

这样，如果 obj 、property 或 subProperty 中的任何一个为 null 或 undefined ，表达式不会抛出错误，而是返回 undefined 。

2. 空值合并操作符（Nullish Coalescing Operator）

空值合并操作符 ?? 用于在变量为 null 或 undefined 时提供默认值。与 || 操作符不同，?? 仅在值为 null 或 undefined 时才使用默认值。

const num = null;
const result = num?? 5; 
// 由于 num 为 null ，所以 result 的值为 5

3. 数字分隔符

在 JavaScript 中，您可以使用数字分隔符来提高数字的可读性。例如：

const largeNumber = 1_000_000; 

这样可以使长数字更易于阅读和理解。

4. 动态导入（Dynamic Import）

动态导入允许您在运行时根据条件加载模块，这对于优化应用的初始加载时间非常有用。

if (condition) {
  import('./module.js').then(module => {
    // 使用导入的模块
  });
}

掌握这些现代 JavaScript 技巧，可以使您的代码更简洁、更具可读性，并且能够更好地处理各种边界情况。不断探索和学习新的语言特性，将有助于您在 JavaScript 开发中保持领先地位。