JavaScript中是否可以重写document对象？有没有强制重写的方法？

报错原因 #

你当前代码运行报错是因为在全局作用域下使用var声明document变量时，变量会自动挂载到浏览器顶层对象window上，而window.document是浏览器内置的只读、不可配置的原生API属性，直接重复赋值会触发权限错误。

可行解决方案 #

• 方案1：作用域隔离（最推荐，不会污染全局环境）
  将代码包裹在独立的函数作用域或块级作用域内，避免自定义的document变量挂载到全局window：

// 函数作用域隔离示例
(function() {
  var document = {
    f: function() {
      alert('o')
    }
  }
  document.f(); // 正常弹出o
})();

// 块级作用域隔离示例
{
  const document = {
    f: () => alert('o')
  }
  document.f(); // 正常运行
}

• 方案2：在原生document对象上扩展属性
  如果需要在全局环境下使用自定义的f方法，不需要替换整个document对象，直接在原生document上扩展即可：

// 扩展原生document的自定义方法
document.f = function() {
  alert('o')
}
document.f(); // 正常运行

注意：扩展原生对象属性时建议添加唯一前缀避免命名冲突，防止覆盖浏览器原生的属性方法。

额外说明 #

不建议尝试完全替换全局document对象，浏览器对该核心全局对象做了严格的保护机制，强制替换不仅实现成本极高，还会导致页面所有依赖DOM API的逻辑（包括页面渲染、事件绑定、内置组件逻辑等）全部失效，无实际生产使用价值。

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