基础语法与数据类型处理
在JavaScript开发中，掌握基础语法的巧妙运用能极大提升代码效率，使用短路运算简化条件判断：const value = maybeValue || 'default'，当maybeValue为假值时自动使用默认值，对于类型转换，Number()、String()和Boolean()是常用方法，但更简洁的方式包括：一元运算符转数字（+'123'得123）、模板字符串拼接（`Hello ${name}```）以及!!强制转布尔值（!!’a’得true），处理数组时，**展开运算符**（…）能轻松实现合并（[…arr1, …arr2]）或克隆（[…originalArr]），而Array.from()可将类数组对象（如arguments或NodeList`）转为真数组。
函数与作用域优化
函数作为JavaScript的一等公民，灵活运用其特性至关重要。箭头函数不仅语法简洁（const add = (a, b) => a + b），还能自动绑定词法作用域，避免this指向问题，对于参数处理，默认参数（function fn(a = 1, b = 2) {}）可简化空值判断，而剩余参数（function fn(...args) {}）能收集所有传入参数。立即执行函数表达式（IIFE）（(function() { /* code */ })()）常用于创建独立作用域，避免全局污染。高阶函数如map、filter和reduce是数组处理的利器：arr.map(x => x * 2)实现映射，arr.filter(x => x > 0)过滤元素，arr.reduce((acc, cur) => acc + cur, 0)累加求和。
对象与数组操作技巧
对象操作中，属性简写（const { name, age } = user）和解构赋值能高效提取数据，动态属性名可通过计算属性实现（const obj = { [key]: 'value' }），判断对象是否为空，Object.keys(obj).length === 0比JSON.stringify(obj) === '{}'更高效，数组方面，扁平化处理可借助flat()方法（arr.flat(2)展开两层嵌套）或递归函数；去重可通过Set（[...new Set(arr)]）或filter结合indexOf（arr.filter((item, index) => arr.indexOf(item) === index)）。数组排序时，需注意sort()默认将元素转为字符串，应自定义比较函数：arr.sort((a, b) => a - b)实现升序。
DOM与事件处理
在DOM操作中，事件委托是优化性能的经典技巧：通过在父元素监听事件（如document.getElementById('parent').addEventListener('click', handler)），利用事件冒泡机制减少事件监听器数量，动态创建元素时，document.createElement()结合appendChild()或insertAdjacentHTML()更高效。事件防抖（debounce）和节流（throttle）能优化高频触发事件（如滚动、resize）：防抖确保事件触发后延迟执行，节流则限制执行频率。lodash.debounce或自定义实现可避免滚动事件过度触发。
异步编程与错误处理
异步编程中，Promise简化了回调地狱：Promise.resolve().then(() => {})链式处理流程，async/await则让异步代码同步化（const data = await fetchData()）。错误处理可通过try/catch捕获异步错误（try { await fn() } catch (err) {}），或Promise.catch()（promise.catch(err => console.error(err))）。定时器方面，setTimeout(fn, 0)可将其放入任务队列末尾，而setInterval需注意清除（clearInterval(timer)）避免内存泄漏。
实用工具与代码优化
日常开发中，空值合并运算符（）（const value = null ?? 'default'）仅在左侧为null或undefined时返回默认值，比更严格。可选链操作符（）（user?.address?.city）安全访问深层属性，避免报错。字符串处理中，includes()、startsWith()和endsWith()比indexOf()更语义化，padStart()和padEnd()可填充字符串长度。代码优化方面，避免全局变量、使用严格模式（'use strict'）以及合理利用缓存（如memoization技术）能提升性能。
这些经典小技巧涵盖了JavaScript开发的多个场景，熟练掌握它们能让代码更简洁、高效且健壮，在实际应用中，还需结合具体场景灵活选择，同时注意代码的可读性和可维护性，真正实现“小技巧解决大问题”。
