当前位置:Gxlcms > JavaScript > js隐式全局变量造成的bug示例代码_javascript技巧

js隐式全局变量造成的bug示例代码_javascript技巧

时间:2021-07-01 10:21:17 帮助过:15人阅读

一段js代码遇到一个bug,由于中间的隐式全局变量造成的,
由于代码较多,通过谷歌浏览器的js调试器才找到问题所在,
话说本人的电脑无论如何都装不上fiefox,从去年开始尝试了多次,均以失败告终,
不过谷歌的调试也挺好用的。
简化代码如下:
代码如下:

$(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;
}

在js中建议所有的变量均用var 声明,并且所有的变量都可以写到顶部,因为js没有块级作用域。

人气教程排行