Tôi đã đọc và tìm kiếm những ưu điểm / nhược điểm giữa replaceState()& pushState(). Cũng đọc bài báo của Mozilla , và bài kiểm tra thú vị này nhưng tôi vẫn chưa rõ sự khác biệt.
Bất kỳ ai quan tâm để giải thích những gì họ khác nhau?
Câu trả lời:
replaceState()sẽ thay đổi URL trong trình duyệt (tức là nhấn nút quay lại sẽ không đưa bạn quay lại)
pushState() sẽ thay đổi URL và giữ URL cũ trong lịch sử trình duyệt (tức là nhấn nút quay lại sẽ đưa bạn trở lại)
Từ liên kết của bạn
history.replaceState () hoạt động giống như history.pushState () ngoại trừ việc ReplaceState () sửa đổi mục nhập lịch sử hiện tại thay vì tạo một mục mới.
ReplaceState () đặc biệt hữu ích khi bạn muốn cập nhật đối tượng trạng thái hoặc URL của mục lịch sử hiện tại để đáp ứng với một số hành động của người dùng.
Nếu bạn chỉ muốn cập nhật mục nhập lịch sử, hãy sử dụng replaceState()cách sử dụng khác pushState(), thao tác này sẽ giữ mục nhập cũ và tạo mục mới. Chúng tương tự nhau nhưng cả hai đều có các hiệu ứng khác nhau nên tùy thuộc vào việc bạn có muốn thay thế hoặc tạo mục lịch sử mới hay không.
Hãy nghĩ về nó giống như tôi đang chia một bộ bài bằng cách đặt một lá lên trên lá kia (úp) và bạn chỉ có thể lấy lá trên cùng trong đống (tức là lá cuối cùng mà tôi đã chia). Giả sử tôi đặt một Jack of Hearts lên đống. Bây giờ cho thẻ tiếp theo nếu tôi sử dụng replaceState, vì vậy tôi lấy Jack of Hearts đó ra và đặt thẻ tiếp theo vào. Số lượng thẻ giống nhau vì chúng tôi vừa thay thẻ trên cùng. Nếu tôi đã sử dụng pushStatethay thế, tôi sẽ đặt thẻ tiếp theo lên trên Jack of Hearts (vì vậy bây giờ cả hai đều tồn tại trong đống và đống cao hơn một thẻ).
Hoán đổi các thẻ tương tự với các URL và đó là cách lịch sử URL được sửa đổi.