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


Posted in Javascript onApril 22, 2014

一段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没有块级作用域。
Javascript 相关文章推荐
IE7提供XMLHttpRequest对象为兼容
Mar 08 Javascript
asp.net网站开发中用jquery实现滚动浏览器滚动条加载数据(类似于腾讯微博)
Mar 14 Javascript
JavaScript函数详解
Nov 17 Javascript
基于JavaScript代码实现微信扫一扫下载APP
Dec 30 Javascript
使用jquery.qrcode.js生成二维码插件
Oct 17 Javascript
vuejs父子组件之间数据交互详解
Aug 09 Javascript
详解vue-cli快速构建vue应用并实现webpack打包
Dec 13 Javascript
vue展示dicom文件医疗系统的实现代码
Aug 27 Javascript
jquery+css实现Tab栏切换的代码实例
May 14 jQuery
微信小程序自定义tabbar custom-tab-bar 6s出不来解决方案(cover-view不兼容)
Nov 01 Javascript
ElementUI多个子组件表单的校验管理实现
Nov 07 Javascript
解决VUE项目使用Element-ui 下拉组件的验证失效问题
Nov 07 Javascript
JavaScript实现的图像模糊算法代码分享
Apr 22 #Javascript
JavaScript闭包实例讲解
Apr 22 #Javascript
JavaScript函数的4种调用方法详解
Apr 22 #Javascript
JavaScript实现存储HTML字符串示例
Apr 21 #Javascript
JavaScript获取flash对象与网上的有所不同
Apr 21 #Javascript
js unicode 编码解析关于数据转换为中文的两种方法
Apr 21 #Javascript
jquery form 加载数据示例
Apr 21 #Javascript
You might like
PHP+DBM的同学录程序(1)
2006/10/09 PHP
php中文字符串截取方法实例总结
2014/09/30 PHP
PHP抽奖算法程序代码分享
2015/10/08 PHP
PHP面向对象程序设计OOP继承用法入门示例
2016/12/27 PHP
JS 参数传递的实际应用代码分析
2009/09/13 Javascript
jQuery 类twitter的文本字数限制带提示效果插件
2010/04/16 Javascript
jquery弹出关闭遮罩层实例
2013/08/06 Javascript
JavaScript自定义事件介绍
2013/08/29 Javascript
jQuery实现checkbox全选的方法
2015/06/10 Javascript
jQuery xml字符串的解析、读取及查找方法
2016/03/01 Javascript
浅谈JS正则表达式的RegExp对象和括号的使用
2016/07/28 Javascript
jQuery控制控件文本的长度的操作方法
2016/12/05 Javascript
jQuery选择器实例应用
2017/01/05 Javascript
JavaScript使用ZeroClipboard操作剪切板
2017/05/10 Javascript
Vue.js devtool插件安装后无法使用的解决办法
2017/11/27 Javascript
VuePress 快速踩坑小结
2019/02/14 Javascript
python中Flask框架简单入门实例
2015/03/21 Python
在Python中使用NLTK库实现对词干的提取的教程
2015/04/08 Python
在Python中操作字符串之rstrip()方法的使用
2015/05/19 Python
python实现数值积分的Simpson方法实例分析
2015/06/05 Python
CentOS7下python3.7.0安装教程
2018/07/30 Python
Python3爬虫学习之将爬取的信息保存到本地的方法详解
2018/12/12 Python
python flask 如何修改默认端口号的方法步骤
2019/07/12 Python
使用django的ORM框架按月统计近一年内的数据方法
2019/07/18 Python
django 消息框架 message使用详解
2019/07/22 Python
python实现while循环打印星星的四种形状
2019/11/23 Python
详解HTML5 录音的踩坑之旅
2017/12/26 HTML / CSS
茱莉蔻美国官网:Jurlique美国
2020/11/24 全球购物
酒店总经理助理职责
2014/02/12 职场文书
优良学风班申请材料
2014/02/13 职场文书
员工试用期自我鉴定范文
2014/09/15 职场文书
2014年安全保卫工作总结
2014/11/13 职场文书
汽车转让协议书
2015/01/29 职场文书
明确岗位职责
2015/02/14 职场文书
应急管理工作总结2015
2015/05/04 职场文书
《将心比心》教学反思
2016/02/23 职场文书