五个提升效率的JavaScript实用技巧

JavaScript作为最流行的编程语言之一，每天都在进化。掌握一些小技巧能让代码更简洁、可读性更高。以下是五个我常用的JS技巧：

1. 可选链操作符 (?.)

告别冗长的&&判断：

// 旧方式
const city = user && user.address && user.address.city;

// 新方式
const city = user?.address?.city;

2. 空值合并运算符 (??)

只对null或undefined生效，不同于||：

const count = 0;
const result = count || 10; // 10 (0被视为falsy)
const better = count ?? 10; // 0 (正确保留0)

3. 数字分隔符

让大数字更易读：

const billion = 1_000_000_000; // 十亿
const price = 99_99.99; // 自定义分组

4. 动态属性名

在对象字面量中直接使用变量作为属性名：

const key = 'name';
const value = '张三';
const user = {
   
  [key]: value,
  age: 25
}; // { name: '张三', age: 25 }

5. 数组去重简洁写法

利用Set和扩展运算符：

const numbers = [1, 2, 3, 2, 4, 1];
const unique = [...new Set(numbers)]; // [1, 2, 3, 4]

这些技巧虽小，但能在日常开发中显著提升代码质量。关键是理解它们的适用场景，而不是盲目使用。你最喜欢哪个技巧？欢迎在评论区分享你的JS秘诀！