Получить все пользовательские свойства окна?

Question

Есть ли способ узнать все пользовательские свойства и переменные окна (глобальные переменные) в javascript?

Я пробовал console.log(window), но список бесконечен.

Answer 1

Вы должны были бы сделать работу для себя. Читайте во всех свойствах, в первый раз, когда сможете. С этого момента вы можете сравнить список свойств со своим статическим.

var globalProps = [ ]; 

function readGlobalProps() { 
    globalProps = Object.getOwnPropertyNames(window); 
} 

function findNewEntries() { 
    var currentPropList = Object.getOwnPropertyNames(window); 

    return currentPropList.filter(findDuplicate); 

    function findDuplicate(propName) { 
     return globalProps.indexOf(propName) === -1; 
    } 
} 

Итак, мы могли бы пойти как

// on init 
readGlobalProps(); // store current properties on global object 

и позже

window.foobar = 42; 

findNewEntries(); // returns an array of new properties, in this case ['foobar'] 

---

Конечно, Предостережение в том, что вы только можете "заморозить" глобальный список свойств в то время, когда ваш скрипт может называть его самым ранним временем.

Answer 2

Может быть, это ?:

for (var property in window) 
{ 
    if (window.hasOwnProperty(property)) 
     console.log(property) 
} 

Answer 3

Вы также можете сравнить окно с чистой версией окна, а не пытаться сделать снимок во время выполнения для сравнения. Я запускал это в консоли, но вы можете превратить его в функцию.

// make sure it doesn't count my own properties 
(function() { 
    var results, currentWindow, 
    // create an iframe and append to body to load a clean window object 
    iframe = document.createElement('iframe'); 
    iframe.style.display = 'none'; 
    document.body.appendChild(iframe); 
    // get the current list of properties on window 
    currentWindow = Object.getOwnPropertyNames(window); 
    // filter the list against the properties that exist in the clean window 
    results = currentWindow.filter(function(prop) { 
     return !iframe.contentWindow.hasOwnProperty(prop); 
    }); 
    // log an array of properties that are different 
    console.log(results); 
    document.body.removeChild(iframe); 
}()); 

Answer 4

Это в том же духе, как ответ @jungy «ы, но мы можем сделать это в 3-х линий:

document.body.appendChild(document.createElement('div')).innerHTML='<iframe id="temoin" style="display:none"></iframe>'; 

for (a in window) if (!(a in window.frames[window.frames.length-1])) console.log(a, window[a]) 

document.body.removeChild($$('#temoin')[0].parentNode); 

Сначала мы добавим скрытый IFRAME; то мы тестируем существующие переменные на стандартный JavaScript API в iframe; то мы удалим iframe.

Чтобы работать более удобно, это может быть полезно для сортировки результатов в хронологическом порядке, и это все еще возможно в версии с 3 линии:

document.body.appendChild(document.createElement('div')).innerHTML='<iframe id="temoin" style="display:none"></iframe>'; 

Object.keys(window).filter(a => !(a in window.frames[window.frames.length-1])).sort().forEach((a,i) => console.log(i, a, window[a])); 

document.body.removeChild($$('#temoin')[0].parentNode); 

И это может быть упаковано в закладки:

javascript:document.body.appendChild(document.createElement('div')).innerHTML='<iframe%20id="temoin"%20style="display:none"></iframe>';Object.keys(window).filter(a=>!(a%20in%20window.frames[window.frames.length-1])).sort().forEach((a,i)=>console.log(i,a,window[a]));document.body.removeChild(document.querySelectorAll('#temoin')[0].parentNode);throw 'done';