调用history.back()后立即获取window.location仍返回旧URL如何处理

history.back() 属于浏览器定义的异步会话历史操作，不会阻塞当前同步执行的JavaScript代码。调用该方法后，浏览器仅会将历史回退、URL更新的操作加入内部任务队列，等当前同步代码执行完毕后才会实际执行更新逻辑，因此调用后同步读取window.location拿到的必然是更新前的旧值。
该行为是浏览器规范定义的标准逻辑，你不需要执行刷新、重计算、垃圾回收这类额外操作，只需要调整获取URL的时机即可，不存在任何同步API可以强制浏览器立即完成URL更新。

• 方案1：监听popstate事件（推荐）
  popstate 事件会在历史条目实际切换、URL更新完全完成后触发，所有需要读取新URL的逻辑都可以放在这个事件的回调函数中执行：

window.addEventListener('popstate', () => {
  // 此处读取到的window.location就是更新后的新URL
  console.log(window.location.href)
  // 执行后续业务逻辑
})

// 触发回退
history.back()

• 方案2：使用setTimeout延迟读取（兜底方案）
  如果受业务逻辑限制无法使用popstate监听，可以把读取URL的逻辑放到下一轮宏任务执行，等待浏览器完成URL更新后再读取：

history.back()
setTimeout(() => {
  console.log(window.location.href)
}, 0)

注意：该方案依赖浏览器任务队列的执行顺序，稳定性低于popstate监听方案，仅建议作为临时兜底使用。

内容的提问来源于stack exchange，提问作者GFL