Chrome 调试器显示错误的值答案

【问题标题】：Chrome debugger showing wrong valuesChrome 调试器显示错误的值
【发布时间】：2018-09-06 10:13:27
【问题描述】：

我在 Chrome Ubuntu（版本 68.0.3440.106 64 位）上调试我的 js 代码，我注意到调试器给了我错误的值，即使我通过添加观察表达式条目来观察值。

for (let i = 0; i < visibility.show.or.length; ++i) {
   const currentVisibilityContext = visibility.show.or[i];
}

但如果我使用 var 而不是 let 它工作正常

for (var i = 0; i < visibility.show.or.length; ++i) {
   const currentVisibilityContext = visibility.show.or[i];
}

谁能向我解释这种行为？非常感谢。

【问题讨论】：

【解决方案1】：

用 var 关键字声明的变量不能有块作用域。

在块 {} 内声明的变量可以从块外访问。

例子

{ 
    var x = 2; 
}
// x CAN be used here

在 ES2015 之前，JavaScript 没有块作用域。

用 let 关键字声明的变量可以有块作用域。

在块 {} 内声明的变量不能从块外访问：

例子

{ 
    let x = 2;
}
// x can NOT be used here

从 W3schools ofc 复制没有问题

【讨论】：

【解决方案2】：

这太奇怪了。当控制台 sn-p 被触发时，我得到了这个。

是否是可见性的任何属性，observable 属性（如 KO 可观察对象）。可能调试器进入了可观察的属性，即函数，并且超出了范围。由于一切都在一行中，您可以看到调试器正在执行单个命令。请尝试将行拆分为多行，以查看其行为。

【讨论】：