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 相关文章推荐
类似CSDN图片切换效果脚本
Sep 17 Javascript
用jQuery技术实现Tab页界面之二
Sep 21 Javascript
extjs DataReader、JsonReader、XmlReader的构造方法
Nov 07 Javascript
javascript 设置某DIV区域内的checkbox复选框
Nov 30 Javascript
jQuery使用正则表达式替换dom元素标签用法示例
Jan 16 Javascript
AngularJs 利用百度地图API 定位当前位置 获取地址信息
Jan 18 Javascript
JavaScript数组操作详解
Feb 04 Javascript
基于Vue生产环境部署详解
Sep 15 Javascript
webpack多页面开发实践
Dec 18 Javascript
浅谈SpringMVC中post checkbox 多选框value的值(隐藏域方式)
Jan 08 Javascript
jQuery实现经典的网页3D轮播图封装功能【附源码下载】
Feb 15 jQuery
在React中写一个Animation组件为组件进入和离开加上动画/过度效果
Jun 24 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生成缩略图的代码
2011/01/12 PHP
php daddslashes()和 saddslashes()有哪些区别分析
2012/10/26 PHP
解析wamp5下虚拟机配置文档
2013/06/27 PHP
PHP闭包函数详解
2016/02/13 PHP
浅谈mysql_query()函数的返回值问题
2016/09/05 PHP
php获取当前月与上个月月初及月末时间戳的方法
2016/12/05 PHP
总结的一些PHP开发中的tips(必看篇)
2017/03/24 PHP
一个js实现的所谓的滑动门
2007/05/23 Javascript
关于JavaScript中string 的replace
2013/04/12 Javascript
js字符串转换成xml对象并使用技巧解读
2013/04/18 Javascript
纯js实现瀑布流布局及ajax动态新增数据
2016/04/07 Javascript
indexedDB bootstrap angularjs之 MVC DOMO (应用示例)
2016/06/20 Javascript
详解jQuery选择器
2016/12/21 Javascript
ES5学习教程之Array对象
2017/04/01 Javascript
JS+CSS实现网页加载中的动画效果
2017/10/27 Javascript
jQuery中元素选择器(element)简单用法示例
2018/05/14 jQuery
TypeScript基础入门教程之三重斜线指令详解
2018/10/22 Javascript
Angular 实现输入框中显示文章标签的实例代码
2018/11/07 Javascript
微信小程序页面间传值与页面取值操作实例分析
2019/04/30 Javascript
Vue Extends 扩展选项用法完整实例
2019/09/17 Javascript
Vue实现点击按钮复制文本内容的例子
2019/11/09 Javascript
Python基础知识点 初识Python.md
2019/05/14 Python
python多线程实现TCP服务端
2019/09/03 Python
pytorch中的卷积和池化计算方式详解
2020/01/03 Python
python3 googletrans超时报错问题及翻译工具优化方案 附源码
2020/12/23 Python
黄色火烈鸟:De Gele Flamingo
2019/03/18 全球购物
英国的领先快速时尚零售商:In The Style
2019/03/25 全球购物
工商管理毕业生推荐信
2013/12/24 职场文书
警察思想汇报
2014/01/04 职场文书
好家长事迹材料
2014/01/23 职场文书
售后服务承诺书模板
2014/05/21 职场文书
网吧消防安全责任书
2014/07/29 职场文书
基层干部群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
期中考试后的感想
2015/08/07 职场文书
开学随笔
2015/08/15 职场文书
java协程框架quasar和kotlin中的协程对比分析
2022/02/24 Java/Android