js快捷实现语句
JavaScript 快捷实现语句
箭头函数
箭头函数提供简洁的函数定义方式，适合单行操作。
const add = (a, b) => a + b;
const square = x => x * x;模板字符串
使用反引号（`）嵌入变量或表达式，避免字符串拼接。
const name = 'Alice';
console.log(`Hello, ${name}!`);解构赋值
快速提取对象或数组中的值到变量。
const user = { id: 1, name: 'Bob' };
const { id, name } = user;
const arr = [10, 20];
const [first, second] = arr;扩展运算符
合并数组或对象时简化操作。
const arr1 = [1, 2];
const arr2 = [...arr1, 3]; // [1, 2, 3]
const obj1 = { a: 1 };
const obj2 = { ...obj1, b: 2 }; // { a: 1, b: 2 }可选链（Optional Chaining）
避免深层属性访问时的报错。
const user = { address: { city: 'New York' } };
const city = user?.address?.city; // 'New York'
const zip = user?.address?.zip; // undefined空值合并运算符（??）
提供默认值仅当左侧为 null 或 undefined 时生效。
const input = null;
const value = input ?? 'default'; // 'default'数组方法链式调用
结合 map、filter、reduce 快速处理数据。
const numbers = [1, 2, 3];
const doubledEvens = numbers
.filter(n => n % 2 === 0)
.map(n => n * 2);逻辑运算符短路赋值
利用 && 或 || 简化条件赋值。
const isAdmin = true;
const access = isAdmin && 'Full Access'; // 'Full Access'
const defaultValue = null || 'fallback'; // 'fallback'立即执行函数（IIFE）
快速创建独立作用域。
(() => {
console.log('IIFE executed');
})();对象属性简写
属性名与变量名相同时可省略值。
const age = 30;
const person = { age }; // { age: 30 }
