왜 window.history.back()은 두 상태로 돌아갑니다?

Question

나는 window.history.pushState와 onpopstate를 가지고 놀았지만, 다시 누르면 두 개의 상태가 건너 뛰고 다시 건너 뛰는 것처럼 보입니다.

는 예를 들어 https://developer.mozilla.org/en-US/docs/Web/API/window.onpopstate?redirectlocale=en-US&redirectslug=DOM%2Fwindow.onpopstate를 참조하십시오

는

window.onpopstate = function(event) { 
    alert("location: " + document.location + ", state: " + JSON.stringify(event.state)); 
}; 

history.pushState({page: 1}, "title 1", "?page=1"); 
history.pushState({page: 2}, "title 2", "?page=2"); 
history.replaceState({page: 3}, "title 3", "?page=3"); 
history.back(); // alerts "location: http://example.com/example.html?page=1, state: {"page":1}" 
history.back(); // alerts "location: http://example.com/example.html, state: null 
history.go(2); // alerts "location: http://example.com/example.html?page=3, state: {"page":3} 

History.js 동일한 동작을 표시 할 것 같다. "History.js로 직접 작업하기"섹션의 https://github.com/browserstate/history.js을 참조하십시오. 두 번째 back()에서 상태 3에서 상태 1으로 점프합니다.

그렇다면 왜 이런 동작이 발생합니까 아니면 뭔가 빠져 있습니까?

Answer 1

세 번째 예제에 replaceState을 사용했기 때문입니다.

replaceState 이름이 의미하는 바는 현재 상태를 바꿉니다. 새 상태를 추가하지 않습니다.

그래서 history.replaceState({page: 3}, "title 3", "?page=3"); 후 ?page=2 하나

---

가 The replaceState() method

history.replaceState()가 정확히 replaceState() 제외 history.pushState()처럼 작동 인용 ... 역사에 존재하지 않는 대신 현재의 기록 항목을 수정 새로운 것을 창조하는 것.