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可觀察的）是否是偶然的。 調試器可能進入了可觀察的屬性，即功能，超出了范圍。 由於所有內容都在一行中，因此您可以看到調試器正在執行單個命令。 請嘗試將線分成多行，以查看其行為。