Chrome调试器显示错误值

Question

我在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];
}

有人可以向我解释这种行为吗？ 非常感谢你。

Answer 1

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

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

例

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

在ES2015之前，JavaScript没有Block Scope。

用let关键字声明的变量可以具有Block Scope。

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

例

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

从W3schools ofc复制而没有问题

Answer 2

太奇怪了 当控制台代码段被触发时，我得到了这个。

能见度的任何属性， observable属性（例如KO可观察的）是否是偶然的。 调试器可能进入了可观察的属性，即功能，超出了范围。 由于所有内容都在一行中，因此您可以看到调试器正在执行单个命令。 请尝试将线分成多行，以查看其行为。