History.state

History.state 속성은 현 history에 해당하는 state값을 나타냅니다.

popstate 이벤트가 트리거될때가 아닌 상태에서 state값을 볼 수 있는 방법입니다.

const currentState = history.state

현 history에 위치한 값입니다. 이 값은 pushState() 또는 replaceState()을 사용할때까지 null 값을 가집니다.

history.state 로 초기값을 보여준 후 pushState()를 사용하여 State를 푸시합니다.

다음 코드 줄은 history.state 를 사용하여 콘솔에다 값이 푸시되었음을 보여줍니다.

// Should be null because we haven't modified the history stack yet
console.log(`History.state before pushState: ${history.state}`);

// Now push something on the stack
history.pushState({name: 'Example'}, "pushState example", 'page3.html');

// Now state has a value.
console.log(`History.state after pushState: ${history.state}`);

• Working with the History API