获取JavaScript各种全局对象变量的方法

全局变量在编程语言中一向被认为是一种不好的编程方法。但现实情况是,很多著名的项目都在大量的使用着全局变量,比如,MooTools就将大量的对象放到全局空间,像Browser对象和$$等。而最著名的jQuery也是用的全局变量。所以,“全局变量不好”这个理论实际上处于一种很可笑的状态中。

而将全局变量暴露在外,让用户任意修改(除非是特意设计的),更是一种不好的编程习惯,这将对导致程序很难维护。那么,我们如何知道现有的全局变量空间里有哪些全局变量呢?其实方法很简单:

// UPDATE:  This method is too naive
// Returns an array of window property names
//keys(window);

// Inject an iframe and compare its `contentWindow` properties to the global window properties
(function() {
	var iframe = document.createElement('iframe');
	iframe.onload = function() {
		var iframeKeys = Object.keys(iframe.contentWindow);
		Object.keys(window).forEach(function(key) {
			if(!(key in iframeKeys)) {
				console.log(key);
			}
		});
	};
	iframe.src = 'about:blank';
	document.body.appendChild(iframe);
})();

用上面的代码我们可以做一下测试,你可以直接按功能键F12来打开console,输入上面的代码,观看输出结果。你会发现,有些对象,比如window, document, top, 和 location都是JavaScript内置的,而很多其它的对象,都是第三方JavaScript代码产生的。

阅读余下内容
 

发表评论

电子邮件地址不会被公开。 必填项已用*标注


京ICP备12002735号