VSC调试Angular12应用时DEBUG CONSOLE读取myRouter.config报错原因求解

• 核心原因是VS Code Debug Console的执行上下文绑定规则差异：
  当你直接在Debug Console输入this.myRouter.config这类无变量声明的表达式时，调试器会自动绑定当前断点所在栈帧的上下文，this指向当前Angular组件实例，因此可以正常读取到注入的myRouter实例属性。
  一旦你执行带var/let/const变量声明的语句时，调试器会将这类语句放到全局作用域下执行，此时的this指向的是全局对象（浏览器环境为window，调试器默认全局上下文），而非组件实例，自然不存在myRouter属性，就会抛出Cannot read properties of undefined (reading 'config')的错误。
• 次要原因是你使用的VS Code 1.61.2属于较老版本，2021年前后的JS调试器确实存在带声明的表达式无法继承当前栈帧上下文的已知问题，新版本VS Code已经优化了该逻辑，无声明的赋值语句x = this.myRouter.config.map(c=>c.path)在新版本中可以正常在当前作用域下执行。
• 补充验证方法：你可以在Debug Console中去掉var x=，直接执行this.myRouter.config.map(c=>c.path)，就能正常返回结果，不需要声明变量接收的情况下调试器会直接输出表达式的返回值。

内容的提问来源于stack exchange，提问作者Jeb50