当前位置:首页 > 短网址资讯 > 正文内容

FT12短网址教你如何快速定位不小心暴露的全局变量

www.ft12.com5年前 (2017-07-21)短网址资讯1011

今天在查看页面控制台的时候,无意中看到了一个暴露到全局的变量 i,全局变量是不会被压缩工具压缩成简写的字母,这个被频繁使用的变量名暴露到全局也是个相当大的隐患,可能一个不小心就覆盖了第二次暴露到全局的同名变量。

刚开始我就怀疑是自己出现了这样愚蠢的错误:

function A() {    // 在一个函数中多次用到了 for 循环,为了节省变量,都是用了变量 i
    for(var i = 0; ...) {        //...    }    for(i = 0; ...) {        //...    }    for(i = 0; ...) {        //...    }
}

结果在某次拆分函数的时候,忘记定义:

function A(){    for(var i = 0; ...) {        //...    }    for(i = 0; ...) {        //...    }
}function B(){    for(i = 0; ...) {        //...    }
}

这个时候,变量 i 在 B 函数执行的时候就暴露到了全局。抱着这样的怀疑,我搜索了 50 多个模块的代码,一无所获...此时,我依然十分怀疑是自己的程序哪里疏忽了,全局搜索 i = 和 i++,五分钟过去了,未果...

找到这个变量

如果这个变量名叫做 fuckIE,分分钟全局搜索就出来了,类似这种简短的常用的变量,着实让人头疼了好一会儿。后来想到了这个方案:

Object.defineProperty(window, "i", {
    get : function(){ return window.i; },
    set : function(newValue){ debugger;window.i = newValue; },
    enumerable : true,
    configurable : true});

在全局定义变量 i 的时刻,打一个断点,然后 F10 往前走一步,果然,在控制台右侧的 Call Stack 中找到了端倪!

这个变量是从第三方组件中(offline组件,使用相当频繁的一个组件)暴露出来的,估计出错的方式同我上面的描述差不多,拆分函数的时候忘记重新定义变量 i。

当然还有更快的方式:

window.__defineSetter__('i', function(){ debugger })

不挖坑才是最好的解决方案

1. 使用 use strict;

在严格模式下,这种问题暴露无遗,每个函数内都加上 use strict;,虽然在语言上有所限制,但是低级错误一定不会出现,因为严格模式会给你报错!

2. 使用 jslint/jshint 等 js 分析工具

这些东西除了配置上较为繁琐,用起来还是很顺手的,做过配置的错误都会直接在 IDE 上标红显示出来,很容易发现问题,但是不建议一个项目中途使用,因为代码习惯的问题,很多地方被 js 分析工具作为错误抛出来,改动量是相当大的。

我有次也犯了个比较隐晦的错误:

$(window).on('click', function(evt){    var target = event.target.nodeName.toLowerCase();    if(target !== 'ul'){        //...    }
});

在 IE 和 Chrome 下,代码跑得好好的,但是到了测试较少的 FF 下,问题出来了,event is not defined.,IE 和 Chrome 是支持 window.event 抓取当前事件对象的,而 FF 不支持,所以每次点击页面上都会报错。。。

诸如此类的问题,在我们的平时编码之中不胜枚举,所以有一个编码规范作为强约束是十分有必要的!


扫描二维码推送至手机访问。

版权声明:本文由短链接发布,如需转载请注明出处。

本文链接:https://www.ft12.com/article_306.html

标签: 定位变量
分享给朋友:

相关文章

小米发布智能音箱,欲打造成下一个小米手机?

亚马逊的echo智能音箱,天猫精灵音箱等等相继发布。巨头们争相进入智能音箱领域,小米发布智能音箱也在大家预料中。2017年7月26日,小米探究实验室发布售价299元的小米AI音箱“小爱同学“,8月7日-8月11日小米电视在全国13个城市举办...

FT12短网址对科大讯飞2017半年报及人工智能战略的解读

FT12短网址对科大讯飞2017半年报及人工智能战略的解读

[ FT12短网址资讯 ] 2017年8月10日,科大讯飞应邀在合肥举行投资者交流会。董事长刘庆峰、高级副总裁兼董秘江涛、财务总监张少兵对公司半年报及人工智能战略进行了详细解读,并现场回答了投资者及网友十分关注的问题。鄙人一直对科大讯飞这几...

娃哈哈不行了?宗庆后正式回应业绩下滑的10大原因,值得思考!

娃哈哈还是那个娃哈哈,宗庆后还是那个宗庆后,这么多年娃哈哈还是没有副总经理,宗庆后还是靠直觉决策,还是简单的管理和营销,内外部还是没有智囊团。网络大潮浩浩荡荡,娃哈哈宗庆后却依然推崇自我的管理风格,一位任性的传统大佬,连他女儿宗馥莉也没什么...

.NET技术加上30台服务器,是如何支撑世界最大的短网址网站的

.NET技术加上30台服务器,是如何支撑世界最大的短网址网站的

【FT12短网址】FT12短网址是一个提供网址缩短服务的网站,用户可以在通过FT12短网址将长链接转换为短链接,同时生产二维码。当下的FT12短网址已拥有420万个用户,4300万个回答,月PV5.6亿,世界排行第45。然而值得关注的是,支...

生成的短链接的后面几位字母忘了怎么办?

 在短链接的日常使用中,经常会发生一件很尴尬的事情:当你想要打开一个自己以前生成的短连接的时候,发现最后几位字母忘了,特别是短连接最后几位还是区分大小的。如果大小写记不清楚,仍然无法打开正确的网址。那么这个时候该怎么办呢?小编这里...

北上广大跌50%以上,楼市冰点真的来了

北上广大跌50%以上,楼市冰点真的来了

北上广大跌50%以上,楼市冰点真的来了原上草关于楼市,草哥本不想说得太多,毕竟大势已去,主力已经撤退,很难再折腾出什么大风浪了。但不断有网友问下一步走势怎样,要不要买。我只能说,如果是刚需自住还是买了吧,如果是投资,可以认为不会是什么好买卖...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。