详细的介绍了console.group（）函数在Javaｓｃｒｉｐｔ

日志输出不分层使用时console.log（）或其他日志级别的控制台输出功能。这种限制会带来点小麻烦当日志输出更程序。为了解决这个问题，你可以使用console.group（），把下面的代码为例：

复制代码代码如下所示：

功能dotask（）{

（1000）dosubtaska；

DoSubTaskA（100000）；

console.log（任务阶段完成1 ）；

DoSubTaskB（10000）；

console.log（任务阶段完成2 ）；

DoSubTaskC（100010000）；

console.log（任务阶段完成3 ）；

}

功能dosubtaska（计数）{

console.log（启动子任务）；

对于（var i = 0；i <计数；i + +）{ }

}



功能dosubtaskb（计数）{

console.log（启动子任务B）；

对于（var i = 0；i <计数；i + +）{ }

}



功能dosubtaskc（countx，县）{

console.log（启动子任务C ）；

对于（var i = 0；i < countx；i++）{

对于（var j = 0；j <县；j + +）{ }

}

}

DoTask（）；





在Firebug控制台的输出结果：





正如您所看到的，在显示中应该具有一定层次结构的日志输出之间应该没有差别。插入console.group（）在分组的开始。插入console.groupend（）在分组结束。

复制代码代码如下所示：

功能dotask（）{

console.group（课题组）；

（1000）dosubtaska；

DoSubTaskA（100000）；

console.log（任务阶段完成1 ）；

DoSubTaskB（10000）；

console.log（任务阶段完成2 ）；

DoSubTaskC（100010000）；

console.log（任务阶段完成3 ）；

Console.groupEnd（）；

}

功能dosubtaska（计数）{

console.group（子课题组）；

console.log（启动子任务）；

对于（var i = 0；i <计数；i + +）{ }

Console.groupEnd（）；

}



功能dosubtaskb（计数）{

console.group（子任务B组）；

console.log（启动子任务B）；

对于（var i = 0；i <计数；i + +）{ }

Console.groupEnd（）；

}



功能dosubtaskc（countx，县）{

console.group（子任务C组）；

Console.log (Starting Sub Task C);

对于（var i = 0；i < countx；i++）{

对于（var j = 0；j <县；j + +）{ }

}

Console.groupEnd（）；

}

DoTask（）；



插入console.group后（）语句，在Firebug控制台输出：





浏览器支持



console.group（），像console.log（），是很好的支持与调试工具的浏览器，和各大浏览器都支持此功能。