js隐式全局变量造成的bug

wasdasdfqwer

于 2014-04-22 12:55:06 发布

阅读量1.8k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： js/css 文章标签： js 调试 bug 全局变量

本文链接：https://blog.csdn.net/wufengui1315/article/details/24303389

js/css 专栏收录该内容

5 篇文章

订阅专栏

一段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没有块级作用域。