如何安全防止覆盖 window.close 全局方法

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

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

在浏览器环境中，使用 function close() { ... } 声明会在全局对象（即 window）上自动创建一个同名属性，从而覆盖内置的 window.close 方法。这不仅影响显式调用 window.close()，还可能干扰依赖该 API 的逻辑（如弹窗管理、单页应用路由退出等）。

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

// ✅ 安全：close 是局部绑定，不挂载到 window 上const close = function() {    alert('hi');};function myFunction() {    // ✅ window.close 仍指向原生关闭方法    window.close(); // 尝试关闭当前窗口（注意：现代浏览器通常仅允许脚本关闭自己打开的窗口）}

⚠️ 注意事项：

• var close = function() {...} 仍会挂载到 window（因变量提升 + 全局属性映射），不可用；
• function close() {...} 是函数声明，等效于 var close = function() {...}，同样会覆盖 window.close，必须避免；
• 即使使用 const/let，若后续通过 window.close = ... 显式赋值，仍会覆盖——需全程规避此类操作；
• 实际调用 window.close() 时，主流浏览器（Chrome、Firefox、Edge）出于安全策略，仅允许关闭由 window.open() 打开的窗口；直接调用对用户手动打开的标签页无效，且不会报错，仅静默失败。

? 进阶建议：
为彻底解耦并提升可维护性，可将自定义 close 功能封装进命名空间或模块中：

// 推荐：明确隔离作用域const MyModule = {    close() {        console.log('Custom close logic executed');        // 可触发清理、通知、动画等    }};function myFunction() {    // 明确调用原生 API    window.close();}

总结：避免 shadowing window.close 的核心在于切断全局标识符与 window 属性的隐式绑定。优先采用 const/let 声明，并辅以命名空间设计，既保障原生 API 可用性，又提升代码健壮性与可读性。