如何在条件变更后重置被覆盖的JavaScript函数至原始状态？

这问题我之前也碰到过，核心点在于你得在覆盖函数之前先把原始版本存起来——不然覆盖之后就找不到原来的函数啦！

具体修改你的代码 #

首先，在第一次覆盖selectField之前，把它的原始引用保存到一个单独变量里，之后要恢复时直接把这个变量的值重新赋值回去就行：

// 关键步骤：在任何覆盖操作前，先保存原始的selectField函数
const originalSelectField = selectField;

function setProductFields() {
  if (shouldShow == 'true') {
    // 执行函数覆盖
    selectField = function() {
      // 这里写你的覆盖逻辑
      console.log("这是被覆盖后的selectField函数");
    }
  } else {
    // 恢复至原始状态：把备份的原始函数重新赋值给selectField
    selectField = originalSelectField;
    // 现在调用的就是最初的原始函数了
    selectField();
  }
}

为什么这能生效？ #

JavaScript里函数属于引用类型，如果你直接给selectField赋值新函数，原来的函数引用会被覆盖，垃圾回收机制会把它清理掉——你就彻底找不到原始函数了。所以提前备份是唯一能找回原始函数的办法。

额外注意事项 #

• 要确保originalSelectField的作用域能被setProductFields访问到（比如放在全局，或者和setProductFields同一个父作用域内），不然会出现变量未定义的错误。
• 如果selectField是某个对象的方法（比如someObj.selectField），备份和恢复逻辑是一样的：const original = someObj.selectField;，恢复时someObj.selectField = original;。

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