一些常用的JavaScript简写技巧

1、三元运算符‌：用于简化条件判断。

// 传统写法
let result;
if (someCondition) {result = 'yes';
} else {result = 'no';
}
// 简写方式
const result = someCondition ? 'yes' : 'no';

2、 空值合并运算符‌：用于检查变量是否为null或undefined，并返回默认值。

// 传统写法
const name = user.name !== null && user.name !== undefined ? user.name : 'default';
// 简写方式
const name = user.name ?? 'default';

3、可选链操作符‌：用于安全地访问深层嵌套的对象属性。

// 传统写法
const street = user && user.address && user.address.street;
// 简写方式
const street = user?.address?.street;

4、数组去重‌：使用Set对象来去重。

// 传统写法
function unique(arr) {return arr.filter((item, index) => arr.indexOf(item) === index);
}
// 简写方式
const unique = arr => [...new Set(arr)];

5、快速取整‌：使用位运算符\~\~进行快速取整。

// 传统写法
const floor = Math.floor(4.9);
// 简写方式
const floor = \~\~4.9;

6、合并对象‌：使用扩展运算符...来合并对象。

// 传统写法
const merged = Object.assign({}, obj1, obj2);
// 简写方式
const merged = {...obj1, ...obj2};

7、短路求值‌：使用逻辑与运算符&&进行短路求值。

// 传统写法
if (condition) {doSomething();}
// 简写方式
condition && doSomething();

8、箭头函数‌：简化函数定义。

const add = (num1, num2) => num1 + num2;

9、逻辑赋值：使用逻辑或运算符||简化默认值设置。

let a = obj || {};