译者注: 全局变量的滥用是一种很糟糕的程序设计。很容易造成依赖和状态混乱。 而在 Java 和 JavaScript 这种自动垃圾回收的语言里面,全局(可见的)变量一直是内存泄露的隐藏杀手。
本文提供了一种靠谱的检测全局变量实现方式.
在 JavaScript中随意设置全局变量并不是个好习惯。原文作者参与了 MooTools 项目, 据他所说, 已经有十年时间天天听到与此相关的谈论。 MooTools 扩展了浏览器的原生JS对象, 但也使用了一些全局变量, 如 Browser
和 $$
。我觉得 “全局变量太恐怖了!(原文 global vars are terrible)” , 有点无奈的是, jQuery 和 JavaScript loaders 都用了至少一个全局变量。
除了故意的全局变量, 否则将一个对象泄漏到全局空间其实是很糟糕的习惯, 一般就是烂代码才会这样做。那么怎么检测有哪些全局变量是我们自己放进去的呢? 明白了原理代码就很简单:
// 创建一个新的 iframe, 然后将其 `contentWindow` 中的属性值
// 与当前 window 中的属性值对比, 不在其中的就是自定义对象
(function() {
var iframe = document.createElement('iframe');
iframe.onload = function() {
// 使用 Object.keys() 获取对象的所有属性名
var iframeKeys = Object.keys(iframe.contentWindow);
Object.keys(window).forEach(function(key) {
// 如果存在 window 中,而 iframe 中却没有
if(!(key in iframeKeys)) {
// 输出到控制台,也可以加入数组,自己处理
window.console && console.log && console.log(key);
}
});
};
// 必须在 设置 src 属性之前添加 onload 事件。
// 在 onload 里面 contentWindow 才变得可用!
iframe.src = 'about:blank';
document.body.appendChild(iframe);
})();
当然,因为是2个 window 对象,也是 2个不同的 document, 所以你会看到 window
, document
, top
, 和 location
都被输出了。但其他的都是被 JavaScript 代码有意或无意地泄露到全局空间。
原文链接: Get Global Variables with JavaScript
原文日期: 2015年08月31日
翻译日期: 2015年09月10日