“变量”视图是VSCode调试核心面板，自动显示当前作用域变量及其类型、值和状态；支持展开嵌套结构、控制台读写、关键词搜索及多作用域切换。
如果您在使用 VSCode 进行调试时希望直接观察程序运行过程中变量的值及其变化，则“变量”视图是调试器提供的核心面板之一。该视图会自动显示当前作用域内所有可访问的变量及其类型、值和状态。以下是启用并有效使用该视图的具体操作方式：
本文运行环境：MacBook Air，macOS Sequoia。
一、启动调试并打开“变量”视图
“变量”视图默认集成于调试侧边栏中，需在调试会话激活后才动态加载并实时更新内容。它不依赖手动刷新，而是由调试适配器（如 Node.js 的 @vscode/js-debug 或 Python 的 debugpy）持续推送当前栈帧的变量快照。
1、确保项目中已配置有效的 launch.json 文件，并设置了断点。
2、按下 Ctrl+Shift+D（Windows/Linux）或 Cmd+Shift+D（macOS）打开调试视图。
3、点击绿色三角形“开始调试”按钮，程序将在首个断点处暂停。
4、此时左侧调试面板自动展开，“变量”节点处于默认可见状态；若未显示，点击面板顶部的 变量 标签即可激活。
二、展开嵌套结构与查看复杂对象
当变量为对象、数组或类实例时，“变量”视图支持逐层展开以查看其内部属性与元素。展开行为基于调试协议返回的可枚举字段信息，不会触发 getter 或副作用逻辑，确保查看过程安全无侵入。
1、在“变量”列表中找到目标对象，其右侧显示小三角图标。
2、点击该图标，展开一级子属性；若子属性仍为复合类型，可继续点击其旁的三角图标。
3、对数组元素，展开后将按索引顺序列出；对 Map 或 Set，将显示 [key, value] 对或独立值项。
4、悬停在某变量名上，会浮现其完整类型签名与原始字符串表示（如截断的长字符串末尾含 …）。
三、在控制台中直接读取变量值
调试控制台与“变量”视图共享同一执行上下文，允许在暂停状态下输入变量名并立即获得求值结果。该方式适用于快速验证表达式、调用方法或修改临时值，且输出结果同步反映在“变量”视图中。
1、在调试状态下，聚焦于调试控制台输入框（位于调试面板底部）。
新视窗企业管理系统是一款小巧、实用、利于后续开发的ASP程序。适合大中小型企业的网站建设。1、新闻管理 2、产品管理 3、订单管理 4、广告管理 5、下载管理 6、留言管理 8、单页栏目(如企业简介,资质荣誉)9、人才招聘等等。 新视窗企业管理系统 5.1 更新日志:1、修改产品列表的图片自动缩略，防止图片变形.2、修改后台添加产品分类时，排序ID不写入数据库的错误.3、修改首页企业简介的链接地址
2、键入变量名称，例如 user.name 或 items.length，然后按回车。
3、控制台显示求值结果；若结果为对象，可点击右侧的 ▶ 图标展开查看。
4、输入赋值语句如 count = 42，可即时修改变量值，刷新后的值将立刻出现在“变量”视图中。
四、筛选与搜索特定变量
当作用域中变量数量较多时，“变量”视图顶部提供搜索框，支持按名称模糊匹配。搜索仅作用于当前展开层级的直接子项，不递归遍历嵌套结构，但能显著缩短定位时间。
1、在“变量”视图顶部找到带放大镜图标的输入框。
2、键入关键词，例如 error 或 response。
3、列表实时过滤，仅保留变量名中包含该关键词的条目。
4、点击任一匹配项，光标自动跳转至该变量所在位置，并高亮显示其当前值。
五、切换作用域查看不同层级变量
函数调用栈中可能存在多个活动作用域（如全局、闭包、函数参数、局部变量），而“变量”视图默认只显示当前栈帧的变量。“作用域”下拉菜单允许手动切换，从而横向对比不同执行点的数据状态。
1、在“变量”视图标题栏右侧，找到标注为 作用域 的下拉菜单。
2、点击展开后，列出当前调用栈中所有帧对应的作用域名称，例如 Local、Closure、Global。
3、选择目标作用域，列表立即刷新为该帧下的变量集合。
4、切换后，若某变量在所选作用域中不存在，则该项从列表中彻底移除，不会显示为 undefined 或空值。
