JavaScript Console 对象

Console 对象用于 JavaScript 调试。

Console 对象常见的两个用途：

• 显示网页代码运行时的错误信息。
• 提供了一个命令行接口，用来与网页代码互动。

常用 Console 调试命令

console.log('log');
console.info('info');
console.error('error');
console.warn('warn');

常用 console 调试命令

• 注意点

引用类型可以使用 JSON.parse(JSON.stringify()) 实时查看状态

数组状态均为改变后的 实时查看数组状态

占位符

占位符	作用
%s	字符串
%d 或 %i	整数
%f	浮点数
%o	可展开的 DOM
%O	列出 DOM 的属性
%c	根据提供的 css 样式格式化字符串

%o 可展开的 DOM %O 列出 DOM 的属性 等同于console.dir(document.body.firstElementChild)

console.dir()

打印出任何 JavaScript 对象的属性列表

JavaScript 对象的属性列表

console.group()

信息分组

cosole.table()

获取特定的 JavaScript 对象属性

var user = [
    {
        index: '0',
        id: '072384',
        price: '54815',
        time: '1532659745'
    },
    {
        index: '1',
        id: '198238',
        price: '32343',
        time: '1532659745'
    },
    {
        index: '2',
        id: '283709',
        price: '1255',
        time: '1532659745'
    }
];

console.log() console.table()

console.time()

console.time() 和 console.timeEnd() 用来显示代码的运行时间

计时器

console.trace()

追踪函数的调用轨迹

函数调用轨迹