众所周知,控制台是我们进行debug、打印log的重要工具,然而作为一名前端工程师,你是否曾经遇到过log太多难以区分的情况呢?这个时候,我们就可以使用console线来解决这个问题。
console线是什么?console线英文名称为console.group(),其作用是将console打印出来的内容分组显示,这样就可以更方便的查看和区分。
接下来,我们通过一个实例来看一下该方法的应用。
当我们需要打印一个具有层次关系的数据结构时,如果直接使用console.log()打印,很难区分每一层的数据,样式混乱。这个时候,我们可以使用console.group()对数据分组,使其更加直观。以下是一个例子:
console.group('大楼');
console.info('31楼');
console.info('30楼');
console.groupEnd();
console.group('车库');
console.info('地下室');
console.info('一楼车位');
console.groupEnd();
上面代码会将“大楼”和“车库”两个进行分组,分别显示各自的信息,如下图所示:
当然,console线不仅限于层次结构数据的打印,对于打印逻辑结构上的代码也具有相应的应用。console线是我们日常开发中非常实用的工具之一,希望大家都能掌握它的用法。