Chrome 开发工具中未捕获的 ReferenceError答案

【问题标题】：Uncaught ReferenceError in Chrome dev toolsChrome 开发工具中未捕获的 ReferenceError
【发布时间】：2015-12-04 04:59:05
【问题描述】：

当我调试我的 javascript 时，我无法在控制台中检查我的对象。他们总是抛出错误“Uncaught ReferenceError: X is not defined(...)

您可以在下面的屏幕截图中看到我已在 activate() 处暂停了调试器

console.log() 调用都正确显示了各自对象中的内容，但是当我尝试通过在控制台中键入对象来查看对象时，我得到了错误。

我正在使用 Chrome 45.0.2454.85 m

【问题讨论】：

你是在缩小 JS 代码并使用源映射吗？
你是真的在activate()线上，还是踏入了activate函数？
我正在缩小 JS 代码并使用源映射。在设置中选中启用 JavaScript 源映射。
Minifiers 通常会更改变量和函数名称。
我还没有进入激活功能。

标签： javascript debugging google-chrome-devtools

【解决方案1】：

如果您的代码被缩小，变量和函数名称可能已经改变。

如果没有：

test 只定义在 userController 的范围内，所以不能从控制台这样访问它。

vm 也在 userController 的范围内定义。

示例：

var test = "1";
function foo(){
    var bar = "2";
    console.log(bar); #2
}

foo(); #will log "2"
console.log(test); #1
console.log(bar); #undefined

【讨论】：

这是错误的，控制台将函数堆栈作为上下文提供给您
@sahbeewah 仅当您使用调试器并且位于正确的行时。