网页一直刷新的原因
前端新手可能会遇到一个奇怪的问题，一段看似简单的 HTML 代码会导致网页不断刷新。代码如下：
var location = window.location;
如果注释掉 var location = window.location; 这行代码，刷新问题就会消失。那么，问题出在哪？
解释
在浏览器中，最顶层的 var 变量会隐式挂载到 globalThis 上，也就是 window 对象。因此，这段代码等效于 window.location = xxx，而 xxx 并不重要。你实际上给 location 重新赋值了，导致浏览器不断刷新当前页面。
立即学习“前端免费学习笔记（深入）”；
解决方案
为了解决这个问题，有以下几种方法：
使用 let/const 声明变量，这样就不会被挂载到 globalThis 上：
const location = window.location;
使用 IIFE 将变量包裹起来：
;(function () { var location = window.location;})();
避免使用浏览器的 BOM 全局对象（如 window.location）作为变量名。
以上就是为什么这段 HTML 代码会导致网页不断刷新？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1559788.html
微信扫一扫 
支付宝扫一扫 
