HTML | DOM console.groupCollapsed() 方法

在JavaScript中，通常我们使用控制台(console)来调试我们的代码。其中console可以输出信息，帮助我们快速定位问题并调试代码。console.groupCollapsed()是console对象的一个方法，可以将日志信息分组显示，并且默认将分组折叠起来，方便我们查看和定位问题。

语法

console.groupCollapsed(groupTitle);

参数

• groupTitle：可选参数。分组的标题。

例子

console.groupCollapsed('分组标题');
console.log('这是分组内的日志');
console.log('这是分组内的另外一个日志');
console.groupEnd();

输出结果

运行上面的例子后，在控制台中将会输出如下日志信息：

└── 分组标题
   ├── 这是分组内的日志
   └── 这是分组内的另外一个日志

其中，分组标题带有一个可折叠的三角形。点击三角形，可以展开日志分组，查看具体的日志信息。

注意事项

• console.groupCollapsed()方法需要console.groupEnd()方法来结束分组，否则代码会在控制台中显示不正常。
• 如果面对复杂代码需要对分组进行多层嵌套，建议使用console.group()方法。因为console.groupCollapsed()只支持单层嵌套，并且在使用过于频繁的情况下会导致控制台性能下降。