JavaScript：指定されたスコープで非ネイティブオブジェクトを列挙します

Question

windowのユーザー定義のすべての変数のリストを取得したいとします。つまり、ECMAScriptでブラウザが作成または定義したプロパティやオブジェクトではありません。例えば

、のは、ページ上でこのスクリプトがあります言わせて：

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

私は windowをループのことができるようにと __$DEBUGとその値、および Analyticsとその値を含むリストを取得したいと思い

：

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

これを行うことはできますか？

Answer 1

私はこれまで、windowの現在のキー（つまり組み込みのプロパティ）を記憶し、再度呼び出されたときに違いを表示する単一の関数（他のJSの前に読み込まれた）を作成しました。

偶然にグローバル変数を検出するだけの目的であれば、前述の関数はスコープ内の現在のリストを含む匿名IIFE（それ自体がグローバルスコープを汚染しないようにすることができます）

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