Liệt kê tất cả các thuộc tính của đối tượng cửa sổ?

Question

Tôi đang tìm đến (tự động) có được một danh sách các phần tử HTML trình duyệt hiện nhận thức, chẳng hạn như HTMLPreElement, HTMLSpanElement vv Những đối tượng mang tính toàn cầu, nghĩa là

console.log('HTMLPreElement' in window); //=> true 

Vì vậy, tôi nghĩ rằng tôi muốn được có thể sử dụng getOwnPropertyNames như thế này:

console.log(Object.getOwnPropertyNames(window)); 

để có được danh sách đầy đủ các tính chất toàn cầu (MDN khẳng định rằng đây trả về cả tính đếm được và không đếm được).

Sử dụng ở trên, tôi nhận được một mảng với khoảng 70 thuộc tính cần cẩu. Tuy nhiên, nó không bao gồm các đối tượng như HTMLPreElement - chỉ HTMLElement. Tôi cũng đã cố gắng:

console.log(Object.getOwnPropertyNames(window.Window.prototype)); 

mà mang lại một danh sách lớn hơn (bao gồm cả addEventListener vv) nhưng một lần nữa, không có HTMLPreElement.

Vì vậy, nơi nào các đối tượng cư trú này có các đối tượng HTML{Tag}Element?

Answer 1

Trong Firefox, có vẻ như là hành vi của các phần tử mà đối tượng chung của chúng không được thêm trừ khi được yêu cầu một cách rõ ràng dưới dạng biến hoặc thuộc tính chung. Có lẽ Firefox lười biếng tải chúng vào môi trường để chúng không tiêu thụ bộ nhớ trừ khi chúng thực sự cần thiết.

Dường như chúng không hiển thị khi chỉ yêu cầu các khóa của đối tượng toàn cầu qua Object.getOwnPropertyNamestrừ khi trước tiên chúng được tham chiếu rõ ràng như được mô tả ở trên.

http://jsfiddle.net/mBAHm/

Answer 2

for (var prop in window) 
    console.log(prop); 

Đó là những gì bạn cần?

Answer 3

var obj = window; 
while(obj){ 
    for(let prop of Reflect.ownKeys(obj)){ 
     console.log(prop); 
    }; 
    obj = Object.getPrototypeOf(obj); 
};