Chrome控制台“Store as global variable”功能将不可操作数据转为可编程对象，支持直接调用JS方法、避免重复计算、精准导出结构化数据，但仅是引用快照而非深拷贝。
Chrome 控制台的“Store as global variable”功能，表面看只是右键点一下生成 temp1、temp2，但它的真正价值在于把“不可操作的数据”变成“可编程的对象”——尤其适合调试复杂结构、复用中间结果、避免重复计算。
快速提取 DOM 元素并反复操作
页面中某个按钮点击后动态生成的列表项，控制台打印出来只显示 HTMLCollection 或 NodeList，无法直接调用 .forEach() 或过滤？这时别手动复制 selector 再 query 一遍：
- 在 Elements 面板选中目标节点，或在 Console 中用
$0引用最新选中的元素 - 右键该对象 → Store as global variable
- 控制台立即输出
temp1，你就可以直接执行：temp1.querySelectorAll('li').filter(el => el.textContent.includes('待办'))
无需刷新、不依赖原始 DOM 状态，哪怕元素后续被移除，temp1 仍保留快照（注意：是引用快照，不是深拷贝）。
处理大型数据结构时避免重跑逻辑
比如你在 React 组件里 console.log 了一个经过多层 map/filter 处理后的数组，想验证某条数据是否符合预期，又不想重新触发整个渲染链：
- 右键控制台中输出的数组 → Store as global variable
- 它会生成
temp1（若已有则为temp2） - 接着用标准 JS 操作：
copy(temp1.find(item => item.id === 123))直接复制匹配项到剪贴板 - 或进一步：
temp1.map(x => ({...x, processed: true}))尝试新逻辑，不影响原始状态
关键点：这个变量是全局作用域下的普通变量，支持所有 JS 原生方法，包括解构、扩展运算符、JSON 序列化等。
配合 copy() 实现结构化导出
单纯复制控制台输出的展开对象，常会粘贴成难以阅读的缩略文本。而结合 Store as global variable + copy()，能精准导出可用数据：
- 右键一个嵌套很深的响应对象（如 API 返回的
{data: {list: [...], pagination: {...}}}）→ 存为temp1 - 执行
copy(temp1.data.list)—— 粘贴出来就是干净的数组 JSON 字符串 - 若需格式化，还可：
copy(JSON.stringify(temp1.data, null, 2))
比截图、比手动展开复制更可靠，也比“Save as”导出堆栈日志更聚焦于你要的数据本身。
注意事项与边界提醒
这个功能方便，但不是万能的“深拷贝”工具：
-
temp1是对原对象的引用，修改其属性会影响原始对象（如temp1.name = 'new'可能改掉源数据） - 若需隔离操作，应显式克隆：
const safeCopy = structuredClone(temp1)（支持现代 Chrome）或JSON.parse(JSON.stringify(temp1))（仅限纯数据） - 函数、DOM 节点、Map/Set 等特殊类型在
copy()时可能丢失行为，但存为变量后仍可调用其方法 - 临时变量不会自动清理，大量使用后可用
delete temp1或刷新控制台释放
它不是替代模块化或状态管理的方案，而是调试阶段的“即时杠杆”——用得巧，省去一半重复劳动。
