Ejecute el fragmento y observe el código de salida para comprender mi problema. Eliminé el problema e hice que console.log fuera fácil de entender.
Parece que la sintaxis sugerida para acceder a las propiedades del objeto funciona en funciones síncronas pero no funciona en una función asíncrona.
La sintaxis sugerida para acceder a las propiedades del objeto no funciona dentro de las funciones asíncronas. ¿Existe una razón lógica para esta diferencia en el comportamiento? ¿He pasado por alto algo en mi sintaxis o se trata de una incoherencia en los objetos asíncronos de JavaScript?
var goo = (function() { let a = "as"; let b = "boot"; return { a, b } })(); (function() { console.log("console.log 1:", goo) console.log("console.log 1.5:", goo.a); console.log("console.log 1.75:", goo["a"]); })(); var go = (async function() { let a = "asile"; let b = "beet"; return { a, b } })(); (async function() { console.log("console.log 2:", await go); console.log("console.log 2.5:", await go.a); console.log("console.log 2.75:", await go["a"]); })();Tu goo se evalúa como un objeto simple, pero tu go evalúa como una Promesa:
var go = ( async function(){ let a = 'asile'; let b = 'beet'; return {a:a,b:b} })(); Así que go no tiene propiedades de a y b - no es el objeto al que se resuelve la Promesa, es solo la Promesa. Necesitas cualquiera de los dos
async del IIFE de go para que devuelva el objeto, y no una promesa que se resuelva en el objeto. var go = ( function(){ let a = 'asile'; let b = 'beet'; return {a:a,b:b} })(); (async function(){ console.log('console.log 2:'+ await go); console.log('console.log 2.5: ' + await go.a); console.log('console.log 2.75:'+ await go['a']); })(); var goProm = (async function(){ let a = 'asile'; let b = 'beet'; return {a:a,b:b} })(); goProm.then((go) => { (async function(){ console.log('console.log 2:'+ await go); console.log('console.log 2.5: ' + await go.a); console.log('console.log 2.75:'+ await go['a']); })(); });