JavaScript: Перечислить неместные объекты в заданной области

Question

Предположим, что я хочу получить список всех переменных в window, которые определены пользователем. Другими словами, они не являются свойствами или объектами, которые браузер создал или определен в ECMAScript.

Например, скажем, есть скрипт на странице:

<script> 
    window.__$DEBUG = true; 
    var Analytics = function() {}; 
</script> 

Я хотел бы иметь возможность перебрать window и получить список, содержащий __$DEBUG и его значение, и Analytics и его значение:

Это можно сделать?

Answer 1

Я уже делал это, создав одну функцию (загруженную перед любым другим JS), которая запоминает текущие клавиши window (т. Е. Встроенные свойства) и которая при вызове снова отображает различия.

Если целью является только обнаружение случайных глобальных переменных, вышеупомянутая функция может быть анонимным IIFE (таким образом, что она сама не загрязняет глобальную область), которая содержит текущий список в области, который затем периодически вызывает другую закрытую функция (с setTimeout), чтобы сравнить список, и обновлять его в следующий раз, например:

(function(scope) { 

    var keys = Object.keys(scope); 
    var map = {}; 
    for (var i = 0, n = keys.length; i < n; ++i) { 
     map[keys[i]] = 1; 
    } 

    (function update() { 
     var current = Object.keys(scope); 

     // compare lists and print the differences 
     for (i = 0, n = current.length; i < n; ++i) { 
      var name = current[i]; 
      if (!(name in map)) { 
       console.log(name + ' = ' + scope[name]); 
       map[name] = 1; 
      } 
     } 

     // loop 
     setTimeout(update, 1000); 
    })(); 

})(window);