navigation.currentEntry仅在navigatesuccess事件后才可靠更新为最终条目，需监听该事件获取最新state；刷新或直链访问时state默认为空对象{}，且与history.state完全独立，不自动同步。
currentEntry 是 Navigation API 的核心属性，但它只在 navigation 事件中可靠可用
直接在页面加载后立即读取 navigation.currentEntry 很可能得到 null 或过时数据——因为 Navigation API 的状态同步有延迟，且 currentEntry 在导航未完成前不更新。它不是 DOM ready 后就能安全访问的“快照”，而是与当前激活的导航生命周期强绑定的引用。
真正能拿到有效状态的时机只有两个：
- 在
navigation.addEventListener('navigate', ...)回调里，此时event.destination是目标条目，而navigation.currentEntry仍是上一个条目（尚未提交） - 在
navigation.addEventListener('navigatesuccess', ...)或'navigateerror'触发后，navigation.currentEntry才被更新为最终生效的条目
currentEntry.state 是开发者手动传入的，不是浏览器自动生成的
currentEntry.state 是纯 JS 对象，必须由你调用 navigation.navigate() 或 navigation.back() 等方法时显式传入 state 参数，浏览器才把它挂到对应条目上。刷新页面或直接输入 URL 进入时，currentEntry.state 默认是 {}（空对象），不是 null 或 undefined。
常见误操作：
立即学习“前端免费学习笔记（深入）”；
- 以为
history.state和navigation.currentEntry.state自动同步 → 实际上它们完全独立，Navigation API 不兼容旧 history API 的 state 管理 - 在
navigate事件里试图修改currentEntry.state→ 只读属性，赋值无效，改了也白改 - 依赖
currentEntry.id做状态判断 →id是浏览器生成的随机字符串，无业务意义，不应用于逻辑分支
获取当前状态数据的正确写法：监听 navigatesuccess + 检查 currentEntry
这是唯一推荐的、稳定读取当前条目状态的方式。注意不能省略事件监听，也不能靠定时轮询。
navigation.addEventListener('navigatesuccess', () => {
const entry = navigation.currentEntry;
console.log('当前状态：', entry.state); // ✅ 安全、最新
console.log('当前 URL：', entry.url); // ✅ 同步更新
});
// 页面初始化时若需立刻读取（比如 SSR hydration 后），可加 fallback：
if (navigation.currentEntry) {
// 仅当 navigation 已就绪（现代浏览器且非 iframe）才可能非 null
console.log('初始状态：', navigation.currentEntry.state);
} else {
// 此时只能退回到 location.state 或 URL searchParams 解析
}
性能提示：不要在每次 navigatesuccess 中深克隆 entry.state —— 它是可变对象，浏览器可能复用引用；如需持久化，请 structuredClone(entry.state)（注意兼容性）。
兼容性差、降级方案必须存在，不能只写 Navigation API
截至 2024 年中，navigation 全局对象仅在 Chrome 117+、Edge 117+ 默认启用；Firefox 和 Safari 仍无计划支持。所有生产代码必须带 fallback：
- 检测
typeof navigation !== 'undefined' && 'currentEntry' in navigation - 降级到
history.state+popstate事件（但注意：二者 state 格式不一致，无法自动映射） - URL 参数解析（
new URL(location.href).searchParams）仍是跨浏览器最稳的状态载体
容易被忽略的一点：navigation.currentEntry 在 iframe 中始终为 undefined，即使父页面支持。如果你的组件运行在嵌入场景，这个判断必须前置。
