JavaScript: Wyliczanie obiektów nienatywnych w podanym zakresie

Question

Załóżmy, że chcę uzyskać listę wszystkich zmiennych w window zdefiniowanych przez użytkownika. Innymi słowy, nie są to właściwości ani obiekty utworzone lub zdefiniowane przez przeglądarkę w ECMAScript.

Na przykład, powiedzmy, że jest to skrypt na stronie:

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

Chciałbym móc pętli window i uzyskać listę zawierającą __$DEBUG i jego wartość oraz Analytics i jego wartości:

var nonNatives = (function nonNative(scope) { 
    var result = {}; 
    for (var child in scope) { 
     if (!isNative(child)) { 
      result[child] = scope[child]; 
     } 
    } 
    return result; 
})(window); 

Czy to można zrobić?

Answer 1

Wcześniej to robiłem, tworząc jedną funkcję (ładowaną przed każdym innym JS), która zapamiętuje bieżące klucze window (tj. Właściwości wbudowane) i która po wywołaniu ponownie wyświetla różnice.

Jeśli celem jest tylko przypadkowe wykrycie zmiennych globalnych, wyżej wymienioną funkcją może być anonimowy IIFE (taki, że sam nie zanieczyszcza zasięgu globalnego), który zawiera aktualną listę w zakresie, który następnie okresowo wywołuje inny załącznik funkcja (z setTimeout) porównać listę i zaktualizować go do następnego razu, np:

(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);