当前位置: 首页 > 知识库问答 >
问题:

javascript - 为什么这段HTML打开的网页会一直刷新?

司空俊雄
2023-09-05

我是前端萌新。下面这段代码打开网页后会一直刷新:

<!DOCTYPE html><html>  <head> </head>  <body>    <script>      var location = window.location;    </script>  </body></html>

如果把 var location = window.location; 注释了就不会一直刷新网页了。

到底是什么问题?

共有1个答案

杜弘伟
2023-09-05

因为最顶层的 var 变量会隐式挂到 globalThis 上(对于浏览器来说就是 window)。

所以你这段代码就等效于 window.location = xxx 后面的 xxx 其实不重要,总之你就是给 location 重新赋值了,自然触发浏览器去载入新的 location 了。而你这个新的 location 跟旧的指向的还是同一个,所以就一直在刷新当前页面。

所以要么你换成 let/const 去声明,这样就不会被挂到 globalThis 上:

const location = window.location;

要么你用个 IIFE 给它包起来,别直接在最顶层声明:

;(function () {    var location = window.location;})();

当然了,更稳妥的方式其实是不要用浏览器本身内置的 BOM 全局对象去充当变量名……

 类似资料: