关于JavaScript全局变量生命周期的疑问：同一窗口新页面可访问性

嘿，我来帮你把这句话讲明白，其实它的核心是浏览器窗口的“浏览上下文”（Browsing Context）概念，后半句的场景可以拆成两种情况来理解：

1. 框架嵌套的同窗口场景 #

这是最直观的符合描述的场景：如果你的页面使用了 <iframe> 或者传统的 <frameset> 布局，那么父页面和嵌入的子页面共享同一个浏览器窗口的内存上下文：

• 假设父页面里定义了全局变量：

  // 挂载到window上的全局变量
  window.siteTheme = "dark";
  

• 子页面（完全新加载的页面）可以直接通过 window.parent.siteTheme 访问这个变量；
• 反过来，子页面的全局变量，父页面也能通过对应iframe元素的 contentWindow 属性获取到。
  这种情况下，哪怕子页面是全新的页面资源，只要它和父页面处于同一个窗口内，就能共享原有的全局变量。

2. 同窗口内无刷新加载新内容的场景 #

这里要先澄清一个误区：普通的页面跳转（比如点击链接替换当前页面、用 location.href 跳转）会直接销毁当前页面的所有上下文，全局变量也会被清空。那w3schools提到的“保持可用”指的是什么？

其实是指不销毁原页面上下文的动态加载场景：比如用AJAX拉取新页面的内容、或者单页应用（SPA）的路由切换——这些方式都是在同一个窗口的现有上下文里，替换页面的部分或全部内容，并没有重新创建新的浏览上下文：

• 举个实际例子：

  // 页面A中定义全局变量
  window.userName = "codeDragon";
  // 动态加载页面B的内容到当前页面，不刷新整个窗口
  fetch('/pageB.html')
    .then(res => res.text())
    .then(html => document.body.innerHTML = html);
  

当页面B的内容被加载到同一个窗口的页面A中时，全局变量 userName 依然可以被新内容里的脚本访问到——这就是w3schools描述的“对同一窗口中加载的新页面保持可用”的核心场景。

总结一下 #

一句话理清逻辑：

• 关闭窗口/标签页：全局变量所在的内存上下文被彻底销毁，变量随之消失；
• 同一窗口加载新页面：如果是框架嵌套、或者无刷新的动态加载，全局变量会保留并能被新内容访问；如果是普通的刷新跳转，变量会被清空（这也是w3schools的表述略模糊的地方，需要结合具体场景判断）。

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