La consola del navegador no es fiable. Prueba los siguientes pasos:
Abre las DevTools (la consola) y escribe lo siguiente:
let test = [ 2,4,6,8,10,12]
Escribe en consola
test
Te aparecerá algo como una flecha seguida del texto:
(6) [2, 4, 6, 8, 10, 12]
No des a la flecha (no despliegues el array)
Escribe a continuación
test.push(14);
Ahora despliega la flecha anterior, verás algo como
(6) [2, 4, 6, 8, 10, 12] 0: 2 1: 4 2: 6 3: 8 4: 10 5: 12 6: 14 length: 7 __proto__: Array(0)
Esto es porque la consola calcula los valores bajo demanda, por tanto siempre verás el valor actualizado al momento de desplegar.
Tu problema
Cuando la consola escribe undefined
, la promesa que rellena el token aún no se ha cumplido.
Cuando despliegas el objeto, unas décimas de segundo después, la promesa se ha cumplido y la propiedad token
ya tiene un valor.
Si te fijas, en tu propia imagen se ve algo similar: las propiedades de AuthenticationService están listadas entre las llaves y no incluyen token
. Si fuese porque no caben todas, verías una elipsis justo antes de la llave de cierre:
window
Window {postMessage: ƒ, blur: ƒ, focus: ƒ, close: ƒ, parent: Window, …}