为何console.log显示对象含metrics属性，直接访问却返回undefined？
这种情况在前端开发里挺常见，给你列几个最可能的原因和排查方法：
1. 控制台的“实时快照”坑
你用console.log(project)看到的metrics，大概率是控制台事后更新的结果，不是你打印那一刻对象的真实状态。浏览器控制台会保留对象引用，等你展开它的时候才去读取最新属性，而你执行console.log(project.metrics)时，这个属性还没被赋值。
验证方法：改成打印序列化后的字符串，拿到打印瞬间的真实状态：
console.log(JSON.stringify(project))
如果这个字符串里没有metrics，就实锤是之后才加的属性。
2. 对象是Proxy代理
如果project是个Proxy对象，console.log可能直接展示了目标对象的属性，但实际访问project.metrics时，被代理的get拦截器给返回了undefined。
排查方法：直接检查是不是Proxy：
console.log(project instanceof Proxy)
要是真的是Proxy，得去看代理的拦截逻辑，确认get方法有没有正确处理metrics属性的读取。
3. 属性名有拼写/大小写问题
别笑，真的很容易看错——控制台里的属性名是不是Metrics（首字母大写）、metric_s或者带空格？仔细对比你访问的project.metrics和控制台里的属性名，有没有一字之差。
4. 属性被特殊定义
有些属性是用Symbol当键，或者属性描述符里的get函数返回undefined，导致你能在控制台看到，但直接访问拿不到值。
排查方法：打印所有自有属性（包括不可枚举的），或者查看属性描述符：
console.log(Object.getOwnPropertyNames(project)) // 查看metrics的属性描述符 console.log(Object.getOwnPropertyDescriptor(project, 'metrics'))
如果描述符里的value是undefined，或者get函数返回undefined，那就是这里的问题。
5. 对象被冻结/密封
要是project被Object.freeze()或者Object.seal()处理过，之后添加的metrics属性不会真正挂载到对象上，但有些控制台会错误展示这个属性。
快速排查步骤总结
- 用
JSON.stringify(project)确认打印瞬间的对象状态 - 检查
project是不是Proxy - 核对属性名的拼写和大小写
- 用
Object.getOwnPropertyDescriptor查看属性的定义
如果是属性延迟添加的问题，哪怕用了setTimeout和async/await没效果，大概率是你等的不是正确的异步时机——得找到给project.metrics赋值的那个代码逻辑，确认它的执行时机，比如是不是在某个回调里，或者某个Promise完成后才赋值，这时候得把你的访问逻辑放在那个时机之后。
内容的提问来源于stack exchange，提问作者Klaxx
