当全局作用域中定义了名为 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 可用性，又提升代码健壮性与可读性。
