如何在浏览器中重置全局状态，实现两个脚本的隔离运行？

要让两个脚本完全隔离、互不干扰，有几种可行的方案，可根据需求选择：

1. 使用iframe沙箱（最彻底的隔离） #

iframe拥有独立的全局执行环境（专属window对象），每个脚本在单独的iframe中运行，完全不会污染主页面或其他脚本的全局状态。

示例代码：

// 封装隔离执行脚本的函数
function runInIsolatedFrame(scriptCode) {
  // 创建隐藏的iframe
  const frame = document.createElement('iframe');
  frame.style.display = 'none';
  document.body.appendChild(frame);

  // 在iframe内插入并执行脚本
  const script = frame.contentDocument.createElement('script');
  script.textContent = scriptCode;
  frame.contentDocument.body.appendChild(script);

  // 脚本执行完成后可移除iframe（按需保留）
  setTimeout(() => document.body.removeChild(frame), 0);
}

// 运行第一个脚本
runInIsolatedFrame(`const f = 1; console.log('第一个脚本的f:', window.f);`);
// 运行第二个脚本，完全不受第一个影响
runInIsolatedFrame(`const f = 2; console.log('第二个脚本的f:', window.f);`);

优点：完全隔离，脚本无法互相影响；缺点：存在轻微性能开销，脚本与主页面交互需通过postMessage。

2. 记录初始全局状态，执行后清理新增属性 #

如果不想用iframe，可以先记录页面初始的全局属性，执行脚本后删除所有新增的全局变量/函数。但这种方法只能清除新增内容，无法恢复被修改的原有全局属性。

示例代码：

// 记录页面初始的全局属性集合
const initialGlobalKeys = new Set(Object.getOwnPropertyNames(window));

function runScriptAndCleanup(scriptCode) {
  // 执行目标脚本
  eval(scriptCode);

  // 删除所有脚本新增的全局属性
  Object.getOwnPropertyNames(window).forEach(key => {
    if (!initialGlobalKeys.has(key)) {
      delete window[key];
    }
  });
}

// 执行第一个脚本，之后全局的f会被清除
runScriptAndCleanup(`const f = 1; console.log(f);`);
// 执行第二个脚本，不会因重复声明const f报错
runScriptAndCleanup(`const f = 2; console.log(f);`);

优点：轻量无额外DOM操作；缺点：无法还原被脚本修改的原有全局属性（比如window.location），适用场景有限。

3. 使用Web Workers（纯计算脚本场景） #

如果脚本不需要操作DOM，仅做纯计算，可以用Web Workers。它运行在独立的线程中，拥有自己的全局环境，与主页面完全隔离。

示例代码：

function runInWorker(scriptCode) {
  // 创建Blob形式的脚本内容
  const blob = new Blob([scriptCode], { type: 'application/javascript' });
  const worker = new Worker(URL.createObjectURL(blob));

  // 监听Worker的输出
  worker.onmessage = (e) => {
    console.log('脚本执行结果:', e.data);
    worker.terminate(); // 执行完成后终止Worker
  };
}

// 运行第一个脚本
runInWorker(`const f = 1; self.postMessage(f);`);
// 运行第二个脚本
runInWorker(`const f = 2; self.postMessage(f);`);

优点：无DOM开销，线程隔离；缺点：无法访问DOM，只能处理纯逻辑，通信依赖postMessage。

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