在 VS Code 中查看完整二叉樹的問題（使用 JavaScript）

Question

當我在 VS Code（在 JS 中）運行用於創建二叉樹的代碼時，它會運行，但是當我使用console.log(tree) ，它只顯示root 、 root.left和root.right 。 我看不到root.left.right 。

使用 Chrome 的代碼段運行 JavaScript，很容易在控制台中看到樹葉，因為有小箭頭（指向右側），您可以單擊並查看整個樹和節點的屬性。 這棵樹是只有 5 個值的二叉搜索樹，如果它有 100 個值呢？ 還是1000？ 還是百萬？

我當然是在 VS Code 中使用 JS 的新手，這就是為什么我還不確定如何做到這一點。

另一件事 - 有沒有辦法在 VS Code 中使用調試器，就像我在 Chrome 中一樣，通過添加斷點並手動逐步運行代碼，以便我可以看到錯誤在哪里？

例如：

BST { 
  root: Node { 
    val: 10, 
    left: Node {
      val: 7, 
      left: null, 
      right: [Node] 
    },
    right: Node { 
      val: 15, 
      left: null, 
      right: null 
    }
  }
}

查看帶有val:7的[Node] ，右側屬性上有一個[Node] 。 我無法單擊它來查看該特定節點的屬性，雖然它是藍色的（在 VS Code 中），但它只是文本，我看不到它的屬性。

我想像在 Chrome 中一樣查看整棵樹。 有辦法嗎？

Answer 1

VS Code 有一整節關於調試。 它支持斷點，並允許您檢查類似於 Chrome 控制台的值（在斷點期間將鼠標懸停在變量上時）。