Warum zeichnet Chrome Objekte zu unterschiedlichen Zeiten unterschiedlich auf?

Question

Ich versuche die Google Analytics API über Angular zu verwenden. Ich lade die Analytik Skript erste

<script src="https://apis.google.com/js/client.js"></script> 

ich dann console.log die globalen Variablen gapi, dass die api-Skript erstellt. Dies gibt das Objekt wie erwartet mit einer auth Eigenschaft zurück. Jedoch erscheint gapi.authundefined.

Wenn ich die Funktion mache, warte zwei Sekunden, obwohl es wie erwartet ausgeführt wird. Dies veranschaulicht, was passiert:

jedoch alle Eigenschaften gibt es auch in dem ersten Objekt:

Warum die späteren eine Vorschau und die früheren nicht ? Ich könnte mir vorstellen, dass dies damit zusammenhängt, warum ich erst nach 2 Sekunden auf ihre Eigenschaften zugreifen kann.

---

UPDATE:

ich diesen Kontrolleur an der Spitze von meinem Skript hinzugefügt haben, zu warten, gapi.auth zu laden ... aber es endet nie:

while (gapi.auth === undefined) { 
    console.log("Still undefined"); 
} 
console.log(loaded now"); 

Answer 1

Die Funktion console.log wertet das als Argumente angegebene Objekt nicht sofort aus. Es wird nur ausgewertet, wenn Sie das Objekt im Protokollfenster anzeigen oder erweitern. Also, wenn Ihr Objekt seine Eigenschaften nach der Zeit ändert. Sie sehen den Snapshot des Objekts, wenn Sie das Protokoll zum ersten Mal öffnen und versuchen, das Objekt zu erweitern. Wenn Sie es zu früh öffnen, sehen Sie ein leeres Objekt.