除了 console.log() 之外，你还能做更多的事情

JavaScriptconsole对象有许多方法对于调试非常有用。以下是一些示例：

使用`console.group()`

此方法允许您在控制台输出中创建新的内联（可折叠）组。您可以通过调用来关闭/退出内联组console.groupEnd()。

这是一个简单的例子。

console.group("Basic Info");
console.log("Name: Daryl Lukas");
console.log("Location: Lusaka, Zambia");
console.groupEnd();
console.group("Additional Info");
console.log("Twitter: @daryllukas");
console.log("Website: https://daryllukas.me");
console.groupEnd();
console.log("Outside of the groups...");

注意：使用创建的组console.group()默认为展开状态。如果您希望创建一个折叠状态的内联组，请使用console.groupCollapsed()。

表格使用`console.table()`

此方法允许你将表格数据显示为表格。它接受一个强制参数 data，该参数必须是原始数据类型的集合（数组或对象）。

console.table(['apples', 'bananas', 'cherries', 'dates']);

console.table({
  firstName: 'Daryl',
  lastName: 'Lukas',
  occupation: 'Developer'
});

此方法在显示对象数组时非常有用，因为它使输出非常易读。例如：

let students = [
{
name: 'Jonathan',
age: 26
},
{
name: 'Peter',
age: 24
},
{
name: 'Daniel',
age: 22
},
];

console.table(students);

与时俱进

控制台对象还具有计时器方法，可用于计算特定操作的持续时间。要启动计时器，请调用该console.time()方法，并为其指定唯一的名称/标签作为唯一参数，例如console.time("operationOne")。要检查计时器的当前值，请调用该console.timeLog()方法，并指定已启动计时器的标签，例如console.timeLog("operationOne")。这将输出自计时器启动以来经过的时间（以毫秒为单位）。最后，您可以通过调用来停止计时器console.timeEnd()，同样使用相同的标签，例如console.timeEnd("operationOne")。这也会输出已运行的时间（以毫秒为单位）。

请参阅下面的示例。

console.time("operationOne");
alert("Click to continue");
console.timeLog("operationOne");
alert("Click again to continue");
console.timeEnd("operationOne");

注意：在给定页面上最多可以运行 10,000 个计时器。

了解更多

您可以在这里了解更多控制台方法，从设置控制台输出样式到字符串替换。

文章来源：https://dev.to/daryllukas/you-can-do-more-than-just-console-log-598a

除了 console.log() 之外，你还能做更多的事情

除了 console.log() 之外，你还能做更多的事情

使用console.group()

表格使用console.table()

与时俱进

了解更多

使用`console.group()`

表格使用`console.table()`