『翻译』有趣的Console对象

Read the original

Console对象提供了接口去操作浏览器的调试控制台（像火狐浏览器中的控制台）。它在不同浏览器中实现细节不同，但也有其通用的特性。
Console - Web API 接口 | MDN

下面列举了一些你可能不知道的Console对象的特性：(译者注：以下例子都可在控制台直接运行)

1.清空控制台

使用console.clear()指令清空你的控制台。

2.输出样式

你可以使用%c指令给你的输出指定样式:

1	console.log('%c Make console greate again!', 'font-size:50px; background:red;')

3.显示表格样式的数据

使用console.table(object)，提供一个对象，让它像表格一样显示：

让我们来试试：

1
2
3

persons = [ { name: 'Hien Vuong', city: 'Ho Chi Minh' }, { name: 'Donald Trump', city: 'New York' }]
console.table(persons)

4.分组输出

使用console.group(message)和console.groupEnd()指令，用下拉列表的形式分组输出全部日志。

让我们用上面的persons对象试试：

persons.forEach(p => {
    console.group();
    console.log(`This is ${p.name}`);
    console.log(`He comes from ${p.city}`);
    console.groupEnd();
});

这样敲代码多让人开心！

本文作者：余震（Freak）
本文出处：Rockjins Blog
版权声明：本博客所有文章除特别声明外，均采用 CC BY-NC-SA 3.0 CN许可协议。转载请注明出处！