Lo que quiero hacer: abrir una ventana emergente y enviar el mensaje posterior cuando la ventana emergente esté lista.

Problema: Me encontré con la Condición de carrera en la que la ventana emergente no está lista pero se envió el mensaje. Traté de escuchar el mensaje "INIT" y en el mensaje emergente de devolución. Pero el problema es cuando la latencia de la red o alguna computadora lenta no recibe el mensaje inicial.

El setTimeout obviamente no es una buena solución.

Código con el que tengo problemas: ventana principal

 const windowFeatures = "height=800,width=1280,toolbar=1,menubar=1,location=1"; const printWindow = window.open("/print", "Print_Me", windowFeatures); setTimeout(() => {printWindow.postMessage({printPageStatus: "INIT"}, window.origin)}, 1000) window.addEventListener("message", (event) => { if(event.origin !== window.origin) return; if(event.data.printPageStatus === "READY") { printWindow.postMessage({message: "from parent", window.origin); return; } });

la ventana emergente

 constructor() { window.addEventListener("message", event => { if(event.origin !== window.origin) return; if(event.data.printPageStatus === "INIT") this.sendReadyConfirmation(event); if(event.data.message === "from parent") { this.processMessages(event.data); } }, false); } sendReadyConfirmation(e): void { e.source.postMessage({printPageStatus: "READY"}, e.origin); }

Gracias