Obter variáveis globais com JavaScript

Os globais do JavaScript são considerados ruins. E como colaborador do projeto MooTools, ouvi isso diariamente por quase uma década. O MooTools foi criticado por estender os nativos, mas também por colocar objetos no espaço global, como Browser e $$. Acho a filosofia “as variáveis globais são terríveis” um pouco engraçada, pois até mesmo os carregadores de jQuery e JavaScript usam uma variável global.

Deixando de lado os globais intencionais, o vazamento de variáveis globais é uma prática ruim e o resultado de uma codificação desleixada. Então, como podemos ver quais propriedades são personalizadas no namespace global? É mais fácil do que o senhor pensa:

// 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="https://davidwalsh.name/about:blank";
	document.body.appendChild(iframe);
})();

O senhor verá algumas variáveis que sabe que não foram definidas, como window, document, top, e location, mas os outros terão sido globais vazados (ou intencionais) definidos pelo código JavaScript personalizado!