Comenté algunas descripciones de los principales pasos clave en el código a continuación.

cuando se carga mi Html, no hay nada en el almacenamiento web (almacenamiento de sesión). pero algunos datos se cargarán en el almacenamiento después de 2~3 segundos.

Entonces mi problema es ese,

declaración if --> if(!optionFlag) se ejecuta antes de la función llamada "waitForLocalStorage"

¿Hay alguna forma (ex promesa o espera asincrónica) de esperar la función y realizar la declaración if después de recibirla?

¿Valor "id" de la función "waitForLocalStorage"?

 //1. get SessionStorage info. if the requested key is not loaded in the storage. it waits function waitForLocalStorage(key, cb, timer) { if (!sessionStorage.getItem(key)) return ( timer = setTimeout(waitForLocalStorage.bind(null, cb, key), 100)) clearTimeout(timer) if (typeof cb !== 'function') return sessionStorage.getItem(key) return cb(sessionStorage.getItem(key)) } ... ... let optionFlag = false; let id = "0"; //2. call the function above. and requested key is "id" waitForLocalStorage("sessionInfo", function (value) { id = JSON.parse(value).id; eventFlag = (id == "3" || id == "2") ? true : false; console.log("Checked"); }, 10000); ... ... // 3. if there is requested key in sessionStage, if statement would be executed. if(!optionFlag) { //do some work ... ... }

"promise or async await" podría ser la solución para mi pregunta, pero no sé cómo aplicarlo a mi código.

Para resumir mis preguntas,

1. desea ejecutar la declaración if (no 3.) después de recuperar los datos de la función "waitForLocalStorage".

2. ¿Hay alguna forma de romper la función "waitForLocalStorage" en caso de evitar el bucle infinito?

por favor dame tu amable consejo.