在 VS 代码中查看完整二叉树时出现问题（使用 JavaScript）

Question

当我运行在VS Code（在JS）中创建二叉树的代码时，它运行s，但是当我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]属性。我无法单击它来查看该特定节点的属性，虽然它是蓝色的（在 VS 代码中）但它只是文本，我看不到它的属性。

我想像在 Chrome 中那样看到整棵树。有办法吗？

Answer 1

VS Code 在 debugging 上有一整节。它支持断点，并允许您检查值（在断点期间将鼠标悬停在变量上时）类似于 Chrome 的控制台。

在 VS 代码中查看完整二叉树时出现问题（使用 JavaScript）

Problem Viewing Full Binary Tree In VS Code (using JavaScript)

javascript

vscode-settings

vscode-debugger