He tenido problemas para administrar el historial de nuestra aplicación de una sola página a través de History-API.
A pesar de que he podido encontrar una solución funcional para mi problema, todavía hay una cosa que me cuesta entender.
He simplificado mi código a lo siguiente:
window.onpopstate = e => console.log("Popped:", e.state.index, ", ", window.history.state.index); for (let i = 0; i < 10; i++) { window.history.pushState({index: i.toString()}, ""); } // This correctly logs "9" console.log("Expected 9: " + window.history.state.index); window.history.go(-4); // I would expect this to log "5", but it logs "9" console.log("Expected 5: " + window.history.state.index); // This will log either "5" or "9", depending on the set ms setTimeout(() => console.log("Expected 5: " + window.history.state.index), 100);
Como se describe en los comentarios, window.history.state
no refleja el valor esperado después de llamar a window.history.go()
. Supuse que window.history.go()
continuaría una vez finalizado y no he encontrado nada sobre si esto es cierto. Curiosamente, el comportamiento descrito solo parece ocurrir si se presionan varios estados y/o se atraviesan varios pasos del historial, lo que aumenta mi confusión.
Tal vez alguien con un conocimiento más profundo de cómo se gestionan internamente los estados podría explicarlo y/o orientarme en la dirección correcta.