如何在JS中重置整个脚本至初始运行状态？

JS本身没有内置一键重置整个脚本到初始执行状态的原生能力，你可以根据项目复杂度选择以下实现方案：

• 方案1：统一封装初始化函数（最推荐）
  把所有可变变量、数组的初始化逻辑收拢到同一个initQuiz()函数中，脚本首次启动和需要重置时都调用该函数即可。

// 先声明所有需要用到的变量
let questionList, currentIndex, userScore, wrongRecord;
// 固定不变的原始题库单独存为常量，避免被修改
const ORIGINAL_QUESTIONS = ['题目1', '题目2', '题目3', '题目4'];

function initQuiz() {
  // 每次初始化都从原始常量深拷贝一份新数组，避免污染原始值
  questionList = [...ORIGINAL_QUESTIONS];
  currentIndex = 0;
  userScore = 0;
  wrongRecord = [];
}

// 首次启动测验
initQuiz();

// 测验结束需要重置时直接调用即可
// initQuiz();

注意：如果数组包含对象、嵌套数组等复杂结构，需要做完整深拷贝，不能直接用=赋值，否则还是会共享引用地址导致原始值被修改。

• 方案2：作用域隔离重执行
  如果你的测验逻辑和页面其他业务没有耦合，可以把所有测验代码封装到同一个独立函数中，重置时重新执行这个函数即可。

function runQuiz() {
  // 所有测验逻辑和变量都写在函数内部，不会泄露到全局作用域
  let questionList = ['题目1', '题目2', '题目3'];
  let currentIndex = 0;
  // 剩余的测验逻辑...

  // 绑定DOM事件的话要先销毁之前的绑定，避免重复绑定
  // document.querySelector('#submit').removeEventListener('click', submitHandler);
  // document.querySelector('#submit').addEventListener('click', submitHandler);
}

// 首次启动
runQuiz();
// 重置时重新执行
// runQuiz();

• 方案3：初始状态快照备份
  如果你的状态结构复杂、初始化成本高，可以在脚本首次加载完成后给所有可变状态做一份深拷贝快照，重置时用快照覆盖当前状态即可。

// 初始加载完成后备份初始状态快照
const initialStateSnapshot = JSON.parse(JSON.stringify({
  questionList,
  currentIndex,
  userScore,
  wrongRecord
}));

function resetQuiz() {
  const newState = JSON.parse(JSON.stringify(initialStateSnapshot));
  questionList = newState.questionList;
  currentIndex = newState.currentIndex;
  userScore = newState.userScore;
  wrongRecord = newState.wrongRecord;
}

该方案仅适用于状态都是可序列化的普通数据的场景，如果状态中包含函数、Symbol、DOM节点、循环引用等无法序列化的内容，无法使用该方案。
不建议通过刷新整个页面的方式重置，会丢失用户其他页面交互状态，也会产生不必要的资源加载开销。

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