차이점 요약

출처 : samanthaming

• window.location.assign(및 href) : 정보를 전송하지 않고 페이지만 이동 / 뒤로 가기 가능
• window.location.replace : 정보를 전송하지 않고 페이지만 교체 / 뒤로 가기 불가
• window.location.reload : 현재 페이지의 문서 다시 로드

window.location.assign (href)

• 뒤로가기 버튼을 눌러 이전 페이지로 이동할 수 있다

• 주소 히스토리에 기록된다.

• 뒤로가기 : location.assign 메서드를 호출한 페이지로 이동

• 용도 : URL을 이동하는 대부분의 경우에 사용

• location.href location.assign 이 둘은 사용법만 다를 뿐 기능은 동일하다

  window.location.href = "url"; // location.href 사용법
  window.location.assign("url"); // location.assign 사용법
  

window.location.replace

<aside> 💡 React Router에서 push, replace에 따라 history stack이 다르게 쌓이는 비교는 노트 링크 참고

</aside>

• 현재 페이지를 새로운 페이지로 덮어 씌우므로 이전 페이지로 이동할 수 없다
• 주소 히스토리에 기록되지 않는다
• 뒤로가기 : 브라우저 히스토리에 있는 가장 최근 페이지로 이동(뒤로가기를 호출한 페이지로 이동 불가)