history.replaceState在两个事件里写了但是为什么不同步

`history.replaceState` 并不会自动同步到两个事件中。当你在一个事件中调用 `history.replaceState` 来替换当前的状态，另一个事件并不会自动更新成替换后的状态。

这是因为 `history.replaceState` 只会修改当前的历史状态，而不会触发任何其他事件或更新其他部分的内容。如果你希望在一个事件中修改历史状态，并在另一个事件中获取到修改后的状态，你需要手动进行同步操作。

以下是一个示例代码，演示如何手动同步 `history.replaceState` 的修改：

// 定义一个变量来保存当前的状态
let currentState = { page: 'first' };

// 页面加载时，将当前状态替换为最新的状态
window.addEventListener('load', () => {
  history.replaceState(currentState, 'First Page', '/first-page');
});

// 某个事件中调用 replaceState 来替换当前状态
document.getElementById('button').addEventListener('click', () => {
  currentState = { page: 'updated-first' };
  history.replaceState(currentState, 'Updated First Page', '/updated-first-page');

  // 手动触发同步操作
  window.dispatchEvent(new Event('statechange'));
});

// 监听 statechange 事件，在其中处理状态的同步
window.addEventListener('statechange', () => {
  // 在这里处理状态的同步操作，例如更新页面内容等
  console.log('State changed:', history.state);
});

在这个示例中，我们通过监听 `statechange` 事件来手动同步状态的修改。当某个事件中调用 `history.replaceState` 来替换当前状态时，我们更新 `currentState` 变量，并手动触发 `statechange` 事件。在 `statechange` 事件的处理程序中，你可以进行相应的同步操作，例如更新页面内容等。

请注意，在实际应用中，你可能需要根据具体情况进行相应的调整。这只是一个简单的示例，以帮助你理解如何手动同步 `history.replaceState` 的修改。

希望这个解答对你有所帮助！如果还有其他问题，请随时提问。