js快捷实现语句

三元运算符简化条件判断

使用三元运算符替代if-else语句可以大幅简化代码：

const result = condition ? 'valueIfTrue' : 'valueIfFalse';

逻辑运算符短路求值

利用&&和||的特性实现条件执行：

// 当isLoggedIn为true时执行
isLoggedIn && showDashboard();

// 设置默认值
const name = username || 'Anonymous';

解构赋值快速提取值

从对象或数组中快速提取属性：

const { id, name } = user;
const [first, second] = array;

箭头函数简化写法

单行箭头函数可省略大括号和return：

const double = x => x * 2;
const add = (a, b) => a + b;

模板字符串拼接

使用反引号实现多行字符串和变量插入：

const message = `Hello ${name},
Welcome to our platform!`;

展开运算符快速操作

合并数组或对象：

const newArr = [...arr1, ...arr2];
const newObj = { ...obj1, ...obj2 };

可选链避免报错

安全访问嵌套属性：

const street = user?.address?.street;

空值合并设置默认值

当左侧为null或undefined时返回右侧值：

const displayName = username ?? 'Guest';

数组方法链式调用

组合使用数组高阶函数：

const result = array
  .filter(x => x > 2)
  .map(x => x * 3)
  .reduce((sum, x) => sum + x, 0);

对象属性简写

当属性名和变量名相同时可省略：

const name = 'John';
const user = { name };  // 等同于 { name: name }