JavaScript对象属性可在断点处通过Watch面板（手动添加表达式实时求值）、Scope面板（展开查看枚举属性，getter会执行）和Console（直接访问、修改、Tab补全、console.table表格化展示）高效调试。
在前端调试中，JavaScript 对象属性可以在断点处通过浏览器开发者工具的“监视”（Watch）面板、作用域（Scope）面板或控制台（Console）直接查看和实时跟踪，无需修改代码。
在 Watch 面板中手动添加属性表达式
触发断点后，在开发者工具的 Watch 面板点击「+」号，输入要观察的表达式，例如：
- user.name —— 查看对象某个具体属性值
- Array.isArray(items) —— 监视计算结果
- JSON.stringify(config) —— 展开嵌套结构或避免引用丢失
表达式会持续求值并自动刷新，适合追踪动态变化的属性。
展开 Scope 面板查看当前作用域变量
断点暂停时，Scope 面板会列出当前执行上下文中的所有变量（Local、Closure、Global）。点击对象旁的三角箭头即可逐层展开，查看其所有可枚举属性。注意：
立即学习“Java免费学习笔记（深入）”；
- 非枚举属性（如通过 Object.defineProperty 设置的 enumerable: false）默认不显示，需在控制台中用 Object.getOwnPropertyDescriptors(obj) 查看
- getter 属性会在展开时执行，并显示返回值（可能有副作用）
在 Console 中直接访问和修改
断点暂停状态下，控制台运行环境与当前断点一致，可直接输入变量名或属性路径：
- 输入 data 回车，查看整个对象
- 输入 data?.items?.[0]?.id 安全读取深层属性
- 输入 data.status = 'done' 修改属性并立即生效（方便验证逻辑）
支持 Tab 补全，输入 data. 后按 Tab 键可列出所有可用属性。
用 console.table() 快速查看数组或对象列表
对含多个相似对象的数组（如 users），在断点后的 Console 中执行：
- console.table(users) —— 以表格形式清晰展示每项的 key/value
- console.table(users, ['name', 'email', 'role']) —— 指定列，聚焦关键属性
比逐个展开更高效，尤其适合对比数据状态。
