HTML의 pushState 상태 객체는 정확히 무엇입니까?

pushSate 사용 사용자가 기록을 다시 탐색할 때 페이지를 업데이트하는 개체입니다. 히스토리 항목을 생성하는 선택된 색상을 포함하는 예를 살펴보겠습니다 -

function display(color) {
   var myState = { selectedColor: color },
   myTitle = "Page title",
   myPath = "/" + color;
   history.pushState(myState, myTitle, myPath );
};

이제 popstate 이벤트를 사용하여 선택한 색상을 업데이트하겠습니다 -

$(window).on('popstate', function(event) {
   var myState = event.originalEvent.state;
   if (statemyState {
      selectColor( myState.selectedColor );
   }
});