Javascript：在代码中定义的常量，但无法通过控制台检索

Question

我是 Javascript 的新手，所以我会理解这是否是我被否决的“明显”情况。然而，我很困惑为什么我的看似简单的代码在我的 Firefox 控制台中显示与预期的不同。

我的代码如下：

class Rectangle {
  constructor(height, length) {
    this.height = height;
    this.length = length;
  }
  area() {
    return this.height * this.length;
  }
}

const square = new Rectangle(10, 10);

console.log(square);
console.log(square.area());

但是，我的控制台显示以下内容：

我想了解一些事情。

1. 为什么控制台说

   square

   未定义？
2. 为什么控制台不在日志中表示

   square

   的类，将其降级为通用

   Object

   而不是

   Rectangle

   ？
3. 在询问 Stack Overflow 之前，我可以在我的工作流程中采用哪些流程来帮助我回答这些问题？

另外，另外两个错误并没有太困扰我，但我想了解它们。这里有什么见解吗？

我检查了我的 Firefox 版本并在 Safari 上也查看了这个，问题是一样的。最初，我使用一个单独的 .js 文件来定义一个更复杂的类，但在越来越简化之后，我意识到即使是这种基本情况也不适合我。

我还注意到其他帖子是关于相反的问题：某些东西出现在控制台中但没有出现在代码中。