Nhận tất cả thuộc tính cửa sổ do người dùng xác định?

Question

Có cách nào để tìm ra tất cả các thuộc tính cửa sổ do người dùng xác định và các biến (biến toàn cục) trong javascript không?

Tôi đã thử console.log(window) nhưng danh sách là vô tận.

Answer 1

Bạn sẽ cần phải làm việc cho chính mình. Đọc trong tất cả các thuộc tính, vào lần đầu tiên bạn có thể. Từ thời điểm đó, bạn có thể so sánh danh sách thuộc tính với danh sách tĩnh của bạn.

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; 
    } 
} 

Vì vậy, bây giờ, chúng ta có thể đi như

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

và sau

window.foobar = 42; 

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

---

Tất nhiên, sự báo trước đây là, bạn chỉ có thể "đóng băng" toàn cầu danh sách thuộc tính tại thời điểm kịch bản của bạn có thể gọi nó là thời gian sớm nhất.

Answer 2

Có lẽ đây ?:

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

Answer 3

Bạn cũng có thể so sánh cửa sổ với phiên bản cửa sổ sạch thay vì cố chụp nhanh trong thời gian chạy để so sánh. Tôi chạy điều này trong giao diện điều khiển nhưng, bạn có thể biến nó thành một hàm.

// 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

này nằm trong tinh thần tương tự như câu trả lời @jungy 's nhưng chúng ta có thể làm điều đó trong 3 dòng:

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

Đầu tiên chúng ta thêm một iframe ẩn; sau đó chúng tôi kiểm tra các biến hiện tại dựa vào API JavaScript chuẩn trong iframe; sau đó chúng tôi xóa khung nội tuyến.

Để làm việc thuận tiện hơn, nó có thể hữu ích để sắp xếp kết quả theo thứ tự, và nó vẫn có thể trong một phiên bản 3 dòng:

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

Và nó có thể được đóng gói vào một bookmark:

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';