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 相关文章推荐
Javascript常用运算符(Operators)-javascript基础教程
Dec 14 Javascript
二行代码解决全部网页木马
Mar 28 Javascript
JavaScript语言核心数据类型和变量使用介绍
Aug 23 Javascript
jQuery制作拼图小游戏
Jan 12 Javascript
一道JS前端闭包面试题解析
Dec 25 Javascript
IOS中safari下的select下拉菜单文字过长不换行的解决方法
Sep 26 Javascript
JS实现微信弹出搜索框 多条件查询功能
Dec 13 Javascript
vue实现商城上货组件简易版
Nov 27 Javascript
vue生命周期实例小结
Aug 15 Javascript
详解vue项目接入微信JSSDK的坑
Dec 14 Javascript
Three.js中矩阵和向量的使用教程
Mar 19 Javascript
基于element-ui封装可搜索的懒加载tree组件的实现
May 22 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正则表达式验证(邮件地址、Url地址、电话号码、邮政编码)
2016/03/14 PHP
php双层循环(九九乘法表)
2017/10/23 PHP
javascript contains和compareDocumentPosition 方法来确定是否HTML节点间的关系
2010/02/04 Javascript
基于jQuery的获得各种控件Value的方法
2010/11/19 Javascript
javascript获取URL参数与参数值的示例代码
2013/12/20 Javascript
JavaScript阻止事件冒泡示例分享
2014/12/28 Javascript
jQuery插件AjaxFileUpload实现ajax文件上传
2016/05/05 Javascript
实例详解jQuery的无new构建
2016/08/02 Javascript
vue.js 获取当前自定义属性值
2017/06/01 Javascript
Angular指令之restict匹配模式的详解
2017/07/27 Javascript
vue对storejs获取的数据进行处理时遇到的几种问题小结
2018/03/20 Javascript
微信小程序实现横向增长表格的方法
2018/07/24 Javascript
JS中数组与对象的遍历方法实例小结
2018/08/14 Javascript
Vue引用Swiper4插件无法重写分页器样式的解决方法
2018/09/27 Javascript
微信小程序左滑删除实现代码实例
2019/09/16 Javascript
vue实现百度搜索功能
2020/12/28 Javascript
Vue+ElementUI table实现表格分页
2019/12/14 Javascript
uniapp电商小程序实现订单30分钟倒计时
2020/11/01 Javascript
python3实现多线程聊天室
2018/12/12 Python
结合OpenCV与TensorFlow进行人脸识别的实现
2019/10/10 Python
pycharm的python_stubs问题
2020/04/08 Python
python软件测试Jmeter性能测试JDBC Request(结合数据库)的使用详解
2021/01/26 Python
英国家喻户晓的高街品牌:River Island
2017/11/28 全球购物
皮肤科医师岗位职责
2013/12/04 职场文书
年度考核评语
2014/01/19 职场文书
挖掘机司机岗位职责
2014/02/12 职场文书
小学数学国培感言
2014/03/10 职场文书
2014年师德师风自我剖析材料
2014/09/27 职场文书
保洁员岗位职责
2015/02/04 职场文书
公司行政主管岗位职责
2015/04/09 职场文书
详解MySQL中的pid与socket
2021/06/15 MySQL
教你一步步实现一个简易promise
2021/11/02 Javascript
关于CSS自定义属性与前端页面的主题切换问题
2022/03/21 HTML / CSS
Mysql查询时间区间日期列表,不会由于数据表数据影响
2022/04/19 MySQL
SQL Server2019安装的详细步骤实战记录(亲测可用)
2022/06/10 SQL Server
5个实用的JavaScript新特性
2022/06/16 Javascript