Esta es quizás una situación inusual, pero estoy escribiendo una extensión de Chrome que itera a través de elementos en una página web. Para hacer esto, estoy revisando los elementos secundarios del div principal usando un bucle for, como se muestra a continuación:
function grab_data() { //element in the DOM which contains the transcript history var parent_elem = document.querySelector("#yDmH0d > c-wiz > div > div.jkOv3d > c-wiz:nth-child(4) > c-wiz > c-wiz > div > div:nth-child(1)"); for (let i = 0; i < (parent_elem.children.length); i++) { if (parent_elem.children[i].hasAttribute("data-timestamp")) { //regular case, handle data normally some_code(); } else { // this is the special case, click a button and the mutation observer will be triggered example_button.click(); }En el bloque else, debo esperar los datos que se capturan en la función de devolución de llamada del observador de mutación antes de continuar con la siguiente iteración del bucle. es posible? ¿Cómo puedo hacer esto?
Ese comportamiento se puede lograr usando promesas.
function asyncFunction(i){ setTimeout(() => { console.log(i); }, 500 * i); } async function mainLoop() { for(let i = 0; i < 10; i++){ await asyncFunction(i); } } mainLoop()Donde asyncFunction es su devolución de llamada.
De esa manera, su ciclo principal esperará hasta que se resuelva la devolución de llamada. Sin embargo, no estoy seguro de si esta es una buena práctica.