Perché non riesco a ottenere il conteggio delle proprietà dell'oggetto Navigator in JavaScript?

Question

Run nel tuo browser (ES5 +)

var propCount = Object.keys(navigator).length; 
console.log(propCount); // 0 

Se lo si fa per un oggetto semplice come quello

let obj = { 
    foo: 'bar', 
    breaking: 'bad' 
} 

let propCount = Object.keys(obj).length; 

console.log(propCount); // 2 

Perché succede?

Ci scusiamo se potrebbe riferirsi ad un altro problema come quando Object.keys(obj) lo sta contando solo per oggetti semplici che non contengano functions/arrays, ma questa è la prima volta che ho incontrato con esso.

E vorrei sapere il motivo.

Answer 1

Object.keys() la funzione restituisce le proprietà dell'oggetto che gli vengono assegnate direttamente.Se fate il seguente:

console.log(navigator.hasOwnProperty('permissions')); // false 

Se volete vedere le proprietà del navigatore effettuare le seguenti operazioni:

for(let i in navigator){ 
    console.log(i); 
} 

elencherà tutte le proprietà dell'oggetto navigator perché per ... in ... il ciclo include il prototipo dell'oggetto.

Answer 2

Ci sono proprietà enumerabili e non enumerabili in javascript. Object.keys() restituirebbe le proprietà proprie enumerabili di un oggetto. Quindi, nel navigator object, sembra che non ci siano proprietà enumerabili. Quindi Object.keys(navigator) restituisce un array vuoto.

Dal documento,

I Object.keys() restituisce un array di proprie proprietà enumerabili di un determinato oggetto, nello stesso ordine di quella fornita da un per ... in loop.

Se si desidera elencare tutte le proprietà enumerabili enumerabili e non di un certo oggetto, poi si deve scrivere il proprio logica utilizzando Object.getOwnPropertyNames().

Nota: getOwnPropertyNames restituirà entrambe le proprietà enum/non enum di un oggetto.

function getAllProps(obj, props = []){ 
if(Object.getPrototypeOf(obj) == null){ return props; } 
return getAllProps(Object.getPrototypeOf(obj), 
      props.concat(Object.getOwnPropertyNames(obj))); 
} 

console.log(getAllProps(navigator)); 
//This will give you all the properties. 

Se si utilizza for..in ciclo allora che vi darà solo le proprietà enumerabili in tutta la catena di prototipi. E dovrai perdere le proprietà non enumerabili.

Answer 3

Questo perché la maggior parte delle proprietà di navigator sono impostate sul Navigator prototipo, che l'istanza navigator eredita, e Object.keys restituisce solo le proprietà impostate sull'oggetto navigator stesso.

È possibile ottenere queste proprietà dal prototipo con questo:

Object.keys(Object.getPrototypeOf(navigator)); 

Una nota a parte, Firefox ha le seguenti proprietà nell'oggetto navigator stesso:

[ "doNotTrack", "mozPay", "mozContacts", "mozApps" ]