控制台: group() 静态方法

注意: 此功能在 Web Workers 中可用。

console.group() 静态方法在 Web 控制台 日志中创建一个新的内联组,导致任何后续的控制台消息被额外缩进一个级别,直到调用 console.groupEnd() 为止。

语法

js
group()
group(label)

参数

label 可选

组的标签。

返回值

无 (undefined).

示例

你可以使用嵌套组来帮助组织你的输出,通过视觉上将相关消息联系起来。要创建一个新的嵌套块,请调用 console.group()console.groupCollapsed() 方法类似,但新的块被折叠,需要单击一个展开按钮才能阅读。

要退出当前组,请调用 console.groupEnd()。例如,给定这段代码

js
console.log("This is the outer level");
console.group();
console.log("Level 2");
console.group();
console.log("Level 3");
console.warn("More of level 3");
console.groupEnd();
console.log("Back to level 2");
console.groupEnd();
console.log("Back to the outer level");

输出如下所示

A screenshot of messages nested in the console output.

请参阅 在控制台中使用组,了解 console 文档中的更多详细信息。

规范

规范
控制台标准
# group

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅