const device = {
  id: "CNC-001",
  temp: 65,
  location: { workshop: "一号车间" }  // 嵌套对象
};

// ===== 浅拷贝：只复制第一层 =====
const shallow = { ...device };
shallow.location.workshop = "二号车间";
console.log(device.location.workshop);  // "二号车间" ⚠ 原对象被改了！

// ===== 深拷贝：所有层级都复制 =====
// 方式 1：JSON（简单场景）
const deep1 = JSON.parse(JSON.stringify(device));
// 局限：丢函数/undefined，Date 变字符串

// 方式 2：structuredClone（现代浏览器）
const deep2 = structuredClone(device);

// 方式 3：手写递归（面试题）
function deepClone(obj) {
  if (obj === null || typeof obj !== "object") return obj;
  if (Array.isArray(obj)) return obj.map(deepClone);
  const result = {};
  for (const key in obj) {
    if (obj.hasOwnProperty(key)) result[key] = deepClone(obj[key]);
  }
  return result;
}

// 1. 忘清定时器
const timer = setInterval(update, 1000);
clearInterval(timer);  // ⭐ 不用时必须清

// 2. 忘移除事件监听
el.addEventListener("click", handler);
el.removeEventListener("click", handler);  // ⭐ 不用时必须移除

// 3. 意外全局变量
function bad() {
  leaked = new Array(1000000);  // ⚠ 没 let → 全局 → 永不回收
}
// ESM 自动严格模式 → 直接报错（模块化的又一个好处）

// Symbol：独一无二的"隐藏"属性
const ID = Symbol("id");
const device = { [ID]: "内部编号", name: "CNC-001" };
console.log(Object.keys(device));  // ["name"]（Symbol 不可见）

// Proxy：拦截对象读写（Vue3 响应式核心原理！）
const data = { temp: 65 };
const proxy = new Proxy(data, {
  get(target, key) {
    console.log(`读取 ${key}`);
    return target[key];
  },
  set(target, key, value) {
    console.log(`修改 ${key} = ${value}`);
    target[key] = value;
    return true;
  }
});
proxy.temp = 80;  // 打印"修改 temp = 80"

// ===== 防抖：停下来才执行（最后一次为准）=====
function debounce(fn, delay = 500) {
  let timer = null;
  return function (...args) {
    clearTimeout(timer);  // 每次触发取消上一次
    timer = setTimeout(() => fn.apply(this, args), delay);
  };
}

// 搜索框：停止输入 500ms 后才搜索
searchInput.addEventListener("input", debounce(e => {
  search(e.target.value);
}, 500));

// ===== 节流：固定频率执行 =====
function throttle(fn, interval = 300) {
  let last = 0;
  return function (...args) {
    const now = Date.now();
    if (now - last >= interval) {
      last = now;
      fn.apply(this, args);
    }
  };
}

// 滚动：每 300ms 最多处理一次
window.addEventListener("scroll", throttle(() => {
  console.log(window.scrollY);
}, 300));