JavaScript 开发技巧

常用技巧

1. 数组去重

// 使用 Set
const unique = [...new Set(array)]

// 使用 filter
const unique = array.filter((item, index) => array.indexOf(item) === index)

2. 对象深拷贝

// 简单场景
const copy = JSON.parse(JSON.stringify(obj))

// 复杂场景使用 structuredClone (Node 17+)
const copy = structuredClone(obj)

3. 可选链操作符

// 安全访问嵌套属性
const name = user?.profile?.name

// 安全调用方法
const result = obj.method?.()

4. 空值合并运算符

// 只在 null 或 undefined 时使用默认值
const value = input ?? 'default'

性能优化

防抖和节流

// 防抖
function debounce(fn, delay) {
  let timer
  return function(...args) {
    clearTimeout(timer)
    timer = setTimeout(() => fn.apply(this, args), delay)
  }
}

// 节流
function throttle(fn, delay) {
  let last = 0
  return function(...args) {
    const now = Date.now()
    if (now - last > delay) {
      last = now
      fn.apply(this, args)
    }
  }
}

总结

掌握这些 JavaScript 技巧可以提高开发效率和代码质量。