Chrome调试器中如何引用匿名函数块内的数据与函数？

针对动态生成的匿名函数断点无法保留、想访问内部getItem()和Items的问题，给你几个实用的调试方案：

1. 用debugger强制暂停执行 #

浏览器的**本地覆盖（Local Overrides）**能永久修改动态加载的JS文件：

• 打开Chrome DevTools的「Sources」面板，找到目标JS文件
• 右键选择「Save for overrides」，将文件保存到本地文件夹
• 编辑本地文件，在匿名函数开头添加debugger;语句
• 刷新页面，代码执行到此处会自动暂停，此时在控制台直接输入Items或getItem('item1')即可访问

如果没法用本地覆盖，也可以在控制台提前运行这段代码（需根据实际脚本路径调整选择器）：

document.addEventListener('DOMContentLoaded', () => {
  const targetScript = document.querySelector('script[src*="目标脚本关键字"]');
  if (targetScript) {
    targetScript.textContent = 'debugger;' + targetScript.textContent;
  }
});

刷新后同样能触发暂停。

2. 把内部变量挂载到全局作用域 #

只要将需要的变量/函数挂到window对象上，就能在全局随时访问：

• 断点暂停后，直接在控制台输入：

  window.Items = Items;
  window.getItem = getItem;
  

  后续即使匿名函数执行完毕，也能直接在控制台调用getItem('item2')或查看Items
• 若用本地覆盖修改代码，可直接在匿名函数内添加挂载语句：

  (function() {
    // 原代码内容...
    window.Holder = Holder; // 把整个Holder对象暴露到全局
    setTimeout(DoSomething(), 2000);
  })();
  

3. 利用异步操作的闭包残留 #

示例里有setTimeout这类异步逻辑，闭包会保留内部变量直到异步任务完成：

• 在控制台输入debug(DoSomething)，当DoSomething执行时会自动触发断点
• 此时在DevTools的「Scope」面板能找到闭包中的Items和getItem，也可直接在控制台访问

4. 用未捕获异常触发暂停 #

开启Chrome DevTools「Sources」面板的「暂停未捕获的异常」按钮（停止图标），然后在匿名函数中插入一行throw new Error('debug pause');，代码执行到此处会自动暂停，就能访问所有内部变量和函数了。

内容的提问来源于stack exchange，提问作者Walt Howard