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 相关文章推荐
如何让页面加载完成后执行js
Jun 26 Javascript
js检测输入内容全为空格的方法
May 03 Javascript
元素未显示设置width/height时IE中使用currentStyle获取为auto
May 04 Javascript
使用GruntJS构建Web程序之安装篇
Jun 04 Javascript
jquery实现点击展开列表同时隐藏其他列表
Aug 10 Javascript
Jquery UI实现一次拖拽多个选中的元素操作
Dec 01 Javascript
Vue的土著指令和自定义指令实例详解
Feb 04 Javascript
vue.js 实现评价五角星组件的实例代码
Aug 13 Javascript
JavaScript创建对象的四种常用模式实例分析
Jan 11 Javascript
微信端调取相册和摄像头功能,实现图片上传,并上传到服务器
May 16 Javascript
vue获取data数据改变前后的值方法
Nov 07 Javascript
封装一下vue中的axios示例代码详解
Feb 16 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 验证码实例代码
2010/06/01 PHP
Yii框架分页技术实例分析
2019/08/30 PHP
jquery实现背景墙聚光灯效果示例分享
2014/03/02 Javascript
JavaScript代码编写中各种各样的坑和填坑方法
2014/06/06 Javascript
JavaScript iframe数据共享接口实现方法
2016/01/06 Javascript
JavaScript解八皇后问题的方法总结
2016/06/12 Javascript
Three.js学习之网格
2016/08/10 Javascript
微信小程序 scroll-view组件实现列表页实例代码
2016/12/14 Javascript
JS正则表达式之非捕获分组用法实例分析
2016/12/28 Javascript
详解使用vue-admin-template的优化历程
2018/05/20 Javascript
微信小程序实现弹出菜单
2018/07/19 Javascript
js监听html页面的上下滚动事件方法
2018/09/11 Javascript
Vue自定义指令上报Google Analytics事件统计的方法
2019/02/25 Javascript
浅析vue中的MVVM实现原理
2019/03/04 Javascript
基于vue通用表单解决方案的思考与分析
2019/03/16 Javascript
layui 图片上传+表单提交+ Spring MVC的实例
2019/09/21 Javascript
python双向链表实现实例代码
2013/11/21 Python
python根据开头和结尾字符串获取中间字符串的方法
2015/03/26 Python
浅析Python中元祖、列表和字典的区别
2016/08/17 Python
Queue 实现生产者消费者模型(实例讲解)
2017/11/13 Python
Vue的el-scrollbar实现自定义滚动
2018/05/29 Python
python Flask 装饰器顺序问题解决
2018/08/08 Python
python读写配置文件操作示例
2019/07/03 Python
Python序列化pickle模块使用详解
2020/03/05 Python
python递归函数用法详解
2020/10/26 Python
英国最红的高街时尚品牌:Topshop
2016/08/05 全球购物
英国第一豪华护肤品牌:Elemis
2017/10/12 全球购物
Nike西班牙官方网站:Nike.com (ES)
2017/10/30 全球购物
会计专业个人求职信范文
2014/01/08 职场文书
给老婆大人的检讨书
2014/02/24 职场文书
公司晚会策划方案
2014/05/17 职场文书
群众路线教育实践活动民主生活会个人检查对照思想汇报
2014/10/04 职场文书
2014年文秘工作总结
2014/11/25 职场文书
公司员工宿舍管理制度
2015/08/03 职场文书
浅谈GO中的Channel以及死锁的造成
2022/03/18 Golang
一文搞懂Java中的注解和反射
2022/06/21 Java/Android