页面重载后能否继续执行函数并保留执行进度？

页面重载会完全重置整个JavaScript执行环境，原来的定时器回调自然就丢失了——这就是你的Hi2没输出的原因。不过我们可以通过本地存储来“记住”需要执行的后续操作，完美实现你想要的效果：重载后只执行console.log("Hi2")，完全跳过第一个console.log("Hi")。

这里是调整后的代码，我会一步步解释逻辑：

// 页面加载完成后先检查是否有待执行的任务
window.addEventListener('DOMContentLoaded', () => {
  const pendingTask = localStorage.getItem('pendingTask');
  
  // 如果检测到需要执行Hi2的标记
  if (pendingTask === 'runHi2') {
    console.log("Hi2");
    // 执行完立刻清除标记，避免下次页面加载重复执行
    localStorage.removeItem('pendingTask');
    return; // 直接结束，不执行初始的test()逻辑
  }

  // 没有标记的话，说明是第一次加载，执行初始逻辑
  test();
});

function test() {
  console.log("Hi");
  setTimeout(() => {
    // 在重载页面之前，把要执行的任务标记存在本地存储里
    localStorage.setItem('pendingTask', 'runHi2');
    location.reload();
  }, 1000);
}

逻辑拆解： #

• 页面加载时的检查：每次页面加载（包括重载）都会先看localStorage里有没有pendingTask标记。如果有且是runHi2，就直接输出Hi2，然后删除标记，并且不执行后续的test()——这样就完美跳过了第一个Hi的输出。
• 初始执行流程：第一次加载页面时，没有标记，所以执行test()，输出Hi，1秒后存储标记，然后触发页面重载。
• 存储选择：我用的是localStorage，标记会一直保留直到手动删除；如果希望标签页关闭后标记自动消失，可以换成sessionStorage，用法完全一样。

扩展提示： #

如果你的后续任务不止是简单的日志输出，还可以把任务逻辑序列化（比如存JSON字符串），重载后解析执行。举个例子：

// 存储复杂任务
localStorage.setItem('pendingTask', JSON.stringify({
  type: 'customLog',
  message: 'Hi2',
  timestamp: Date.now()
}));

// 加载时解析执行
const task = JSON.parse(localStorage.getItem('pendingTask'));
if (task?.type === 'customLog') {
  console.log(task.message);
  localStorage.removeItem('pendingTask');
}

不过要注意：不要存储不可信的代码逻辑，避免安全风险。

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