获取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代码产生的。