HTML | DOM console.groupEnd() 方法

简介

console.groupEnd() 方法是浏览器开发者工具中的一个 console 方法，它可以在控制台中结束分组，使分组中的日志输出缩进回原来的级别。

此方法是 console.group() 方法的补充，通常在使用 console.group() 方法分组输出日志之后，使用 console.groupEnd() 结束分组，以便更好地组织日志输出。

语法

console.groupEnd();

参数

该方法没有参数。

示例

console.group('外层分组');
console.log('外层分组 - 日志1');
console.log('外层分组 - 日志2');

console.group('内层分组');
console.log('内层分组 - 日志1');
console.log('内层分组 - 日志2');
console.groupEnd();

console.log('外层分组 - 日志3');
console.groupEnd();

输出：

外层分组
    外层分组 - 日志1
    外层分组 - 日志2
    内层分组
        内层分组 - 日志1
        内层分组 - 日志2
    外层分组 - 日志3

注意事项

• 如果没有对应的分组，那么该方法不会产生任何效果。
• 同一个分组调用多次该方法，只有第一次有效，后续调用将被忽略。

总结

console.groupEnd() 方法常用于控制台日志输出时的分组与组织，它可以将分组中的日志输出缩进回原来的级别，使输出更加清晰明了。