JavaScript 隐式全局变量导致的 Bug 分析与修复

JavaScript 隐式全局变量引发的 Bug 案例

在 JavaScript 开发中，有时会遇到由隐式全局变量引发的难以察觉的 Bug。

当代码逻辑较为复杂时，借助 Chrome 浏览器的 JavaScript 调试工具往往能更快速地定位问题根源。

尽管作者曾尝试在电脑上安装 Firefox 浏览器但多次失败，

不过 Chrome 的调试功能依然十分便捷好用。

为了清晰说明问题，以下对代码进行了简化处理。

 
$(function(){
var pageNo = 2;//这个参数是变化的
var pageSize = 10;
test();
paginate(pageNo,pageSize);//由于 test() 方法覆盖pageNo,导致pageNo始终等于1
}); 
function test(){
pageNo = 1;//全局变量，覆盖之前的pageNo ,相当于在js顶部写 var pageNo = 1
//这里改为 var pageNo = 1;就可以了
//do,,,
} 
function paginate(pageNo,pageSize){
window.location.href = "user_list.action?pageNo="+pageNo+"&pageSize="+pageSize;
} 

变量声明与最佳实践

在 JavaScript 编程中，建议对所有变量都使用 var 关键字进行显式声明。同时，为了代码的可读性和避免作用域混淆，建议将所有变量的声明集中放置在函数体的顶部，这是因为 JavaScript 传统上不存在块级作用域的概念。