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.