NodeJS - console.groupCollapsed() 方法

---

---

Node.js 的 console.groupCollapsed() 方法 是 Console 模块的内置方法。

Node.js 的 console.groupCollapsed() 方法将确保创建的组处于折叠状态，直到我们调用 console.groupEnd() 方法，即它显示新的组，而没有额外的缩进。

默认情况下，我们使用 console.group() 创建的组将在控制台中展开。但是，如果我们使用 console.groupCollapsed() 创建一个组，则该组内的所有消息都将被折叠，即它们不会展开。

语法

以下是 Node.js console.groupCollapsed() 方法的语法：

console.groupCollapsed([label]);

参数

• label - 该参数充当组的标签。这将是我们在 console 中分组的组的标题。这不是必填参数；我们也可以在不带参数（标签）的情况下使用此方法。

返回值

此方法不返回值；它只会折叠组内的消息。

以下示例在不同场景中演示了 Node.js 的 console.groupCollapsed() 方法。

示例

Node.js 的 console.groupCollapsed() 方法只会接受一个 label 参数（可选参数）。

注意 - 默认情况下，组将在 console 中展开。只有在我们使用 console.groupCollapsed() 方法时，它才会折叠。

• 我们正在使用 console.groupCollapsed() 创建一个组，并传递一个参数（label）。此标签将用作组标题。

• 然后，我们使用 console.log() 函数在组内写入一些消息。

• 之后，我们使用 Node.js 的 console.groupEnd() 方法结束该组。

console.groupCollapsed("Collapsed Group 1");
console.log("Knock knock....first message in Group 1");
console.log("Knock knock....second message in Group 1")
console.log("Done with the messages, closing the group now");
console.groupEnd();

console.groupCollapsed("Collapsed Group 2");
console.log("Knock knock....first message in Group 2");
console.log("Knock knock....second message in Group 2")
console.log("Done with the messages, closing the group now");
console.groupEnd();

输出

Collapsed Group 1
Knock knock....first message in Group 1
Knock knock....second message in Group 1
   Done with the messages, closing the group now
Collapsed Group 2
   Knock knock....first message in Group 2
Knock knock....second message in Group 2
   Done with the messages, closing the group now

为了更好地理解，请在浏览器的控制台中执行上述代码。如果我们在浏览器的控制台中执行它，则输出如下。

当我们打开控制台时，该组将处于折叠状态。要展开，我们需要点击展开按钮。

点击展开按钮后，我们可以看到组内的消息。

示例

在下面的示例中，我们通过在一个组内调用一个组来创建嵌套组，然后我们相应地关闭这些组。

console.groupCollapsed("Parent group");
console.log("Knock knock....first message in Group 1");
console.log("Knock knock....second message in Group 1")
console.log("Done with the messages, closing the group now");
    
console.groupCollapsed("Nested group 1");
console.log("Knock knock....first message in Nested group 1");
console.log("Knock knock....second message in Nested group 1")
console.log("Now we are entering into another group inside nested group");

console.groupCollapsed("inner nested group");
console.log("OOPS! no messages here.");
console.groupEnd();
console.log("inner nested group ended");
console.groupEnd();
console.log("Nested group ended");
console.groupEnd();
console.log("Parent group ended");

输出

正如我们在下面的输出中看到的，主组内的所有嵌套组都将被折叠，因为我们使用 console.groupCollapsed() 方法创建了这些组。

Parent group
Knock knock....first message in Group 1
Knock knock....second message in Group 1
   Done with the messages, closing the group now
   Nested group 1
   Knock knock....first message in Nested group 1
   Knock knock....second message in Nested group 1
   Now we are entering into another group inside nested group
   inner nested group
      OOPS! no messages here.inner nested group ended
   Nested group ended
Parent group ended

为了更好地理解，请在浏览器的控制台中执行上述代码。如果我们在浏览器的控制台中执行它，则输出如下。

当我们打开控制台时，我们可以看到“父组”内的所有组都已折叠。

当我们展开“父组”时，它将显示父组内的消息。

然后，“嵌套组 1”也被折叠。要查看消息，我们需要展开。

最终，“内部嵌套组”也被折叠。我们展开以查看消息。