当全局作用域中定义了名为 close 的函数时，会意外覆盖浏览器原生的 window.close() 方法，导致无法关闭窗口；可通过使用 const 或 let 声明替代 function 声明，使该标识符不挂载到 window 对象上，从而保留 window.close 的原始功能。

当全局作用域中定义了名为 `close` 的函数时，会意外覆盖浏览器原生的 `window.close()` 方法，导致无法关闭窗口；可通过使用 `const` 或 `let` 声明替代 `function` 声明，使该标识符不挂载到 `window` 对象上，从而保留 `window.close` 的原始功能。

在 JavaScript 中，function close() { ... } 这类函数声明（Function Declaration）在全局作用域下会自动作为属性挂载到 window 对象上，即等价于 window.close = function() { ... }，从而覆盖原生的 window.close（用于关闭当前窗口/标签页）。这是造成你调用 window.close() 时失效的根本原因。

✅ 正确做法：使用块级作用域声明（const / let），避免污染全局对象：

Product Manager Skills

一款AI工具，主要用于产品经理技能，适用于 Claude Code、Codex、Cursor 和 Windsurf。涵盖 SaaS 指标诊断、PRD 评审、路线图规划、需求探索，以及面向产品经理的职业转型辅导等，适合需要提升相关任务效率的用户。

下载

<button onclick="myFunction()">Click me</button>

<script>
    // ✅ 使用 const 声明：不会创建 window.close 属性
    const close = function() {
        alert('hi');
    };

    function myFunction() {
        // ✅ 此时 window.close 仍为原生方法，可正常关闭窗口（需用户交互触发且符合浏览器策略）
        window.close();
    }
</script>

⚠️ 注意事项：

• window.close() 仅对脚本打开的窗口（如 window.open() 创建的）有效；现代浏览器出于安全限制，通常禁止通过脚本关闭由用户手动打开的标签页（除非该页面本身是 window.open() 打开的）。
• 避免使用 var close = ... 或 function close() {...} —— 二者均会覆盖 window.close。
• 若必须兼容旧代码调用 close()（而非 window.close()），可显式绑定上下文或重命名别名，例如：

  const userClose = function() { alert('hi'); };
  const nativeClose = window.close.bind(window);

? 总结：全局命名冲突的本质是作用域与属性挂载机制的叠加效应。优先使用 const/let 声明非必需挂载的全局函数，并始终通过 window.close 显式调用原生方法，既保证语义清晰，又规避隐式覆盖风险。