js隐式全局变量造成的bug示例代码
更新时间：2014年04月22日 15:39:53 作者：
一段js代码遇到一个bug，由于中间的隐式全局变量造成的，通过谷歌浏览器的js调试器才找到问题所在，下面将代码与大家分享下
一段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没有块级作用域。
由于代码较多，通过谷歌浏览器的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没有块级作用域。
您可能感兴趣的文章:
- 基于JavaScript 声明全局变量的三种方式详解
- javascript中局部变量和全局变量的区别详解
- Javascript全局变量var与不var的区别深入解析
- javascript中运用闭包和自执行函数解决大量的全局变量问题
- javascript全局变量封装模块实现代码
- JavaScript中全局变量、函数内变量以及常量表达式的效率测试
- 理运用命名空间让js不产生冲突避免全局变量的泛滥
- 浅谈JavaScript的全局变量与局部变量
- JS全局变量和局部变量最新解析
- Javascript学习之谈谈JS的全局变量跟局部变量(推荐)
- 探讨JavaScript中声明全局变量三种方式的异同
- JavaScript防止全局变量污染的方法总结
相关文章
在页面中加上这串代码就行了，同时还有搜索功能。2009-10-10
这篇文章主要介绍了纯js实现无缝滚动功能代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-02-02
Map 是 ES6 中新增的一种数据结构，与 Set 一起添加，其实功能都差不多。下面这篇文章主要给大家总结介绍了关于ES6学习教程之Map的常用方法，文中通过示例代码介绍的非常详细，需要的朋友可以参考借鉴，下面来一起看看吧。2017-08-08
这篇文章主要为大家详细介绍了JavaScript制作简易计算器的相关资料，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-02-02
这篇文章主要介绍了JS如何修改数组对象的Key和指定的值,本文通过示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2023-10-10
js对话框的模拟演示代码2008-06-06
JavaScript的性能问题不容小觑，这就需要我们开发人员在编写JavaScript程序时多注意一些细节，本文给大家介绍javascript性能优化之小知识总结，需要的朋友可以参考下2015-11-11
JavaScript的removeChild()函数用法详解
removechild 函数可以删除父元素的指定子元素，通过本文给大家介绍javascript的removeChild()函数用法，对js removechild函数相关知识感兴趣的朋友一起学习吧2015-12-12
本文主要介绍了最常见和最有用的字符串相关的方法，具有一定的参考价值，下面跟着小编一起来看下吧2017-02-02
这篇文章主要为大家详细介绍了JS实现页面跳转并传值，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-06-06
最新评论