写代码时卡在变量名上，反复翻源码找属性？断点停住后想查 user.profile.address.city 却手抖打错 addres？别硬敲——现代调试器早就能帮你自动补全了。
为什么调试器里也能补全？
很多人以为只有编辑器（比如 VS Code 写代码时）才有智能提示，其实主流调试器在运行时也集成了上下文感知能力。它能读取当前作用域里的变量、对象结构、甚至模块导出内容，实时给出候选列表。
VS Code 调试器：F8 断下后直接按 Ctrl+Space
以一个简单 Node.js 脚本为例：
const data = {
users: [
{ id: 1, name: '张三', settings: { theme: 'dark', lang: 'zh' } },
{ id: 2, name: '李四', settings: { theme: 'light' } }
]
};
debugger; // 在这里打断点
console.log(data.users[0].settings);运行调试（F5），停在 debugger 行，光标定位到控制台（或“调试控制台”面板），输入 data.users[0]. 后按 Ctrl+Space（Mac 上是 Cmd+Space），立刻弹出 id、name、settings 等字段。继续输 .settings. 再触发，theme 和 lang 就跳出来了。
Chrome DevTools：断点暂停后，在 Console 里敲就完事
前端调试更常用这个。打开 F12 → 切到 Sources 面板，设好断点并触发，等页面暂停，切到 Console 标签页。此时所有局部变量、闭包变量、this 指向的对象都可被识别。
比如你在 React 组件的 useEffect 里断住，输入 props. 或 state.，补全项会立刻列出可用属性，连 hook 返回的 dispatch 函数参数结构都能提示（如果类型定义完整）。
注意这几点，补全才不掉链子
• 源码必须带 sourcemap（尤其打包后的前端项目），否则调试器看不到原始变量名；
• TypeScript 项目开启 sourceMap: true 和 inlineSources: true，补全准确度明显提升；
• 如果补全没反应，试试在调试控制台先执行一次 this 或 self，激活当前上下文；
• Chrome 115+ 和 VS Code 1.85+ 对 ES 模块动态导入（import()）返回的 Promise 结果也支持补全了。
下次调试别再靠猜和复制粘贴了。停住、敲点前缀、按一下空格键——补全就在那儿，像老同事一样知道你想打什么。