欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-03-09 12:00:49
...
详解获取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代码产生的。

推荐教程:《javascript基础教程

以上就是详解获取JavaScript各种全局对象变量的方法的详细内容,更多请关注其它相关文章!