Javascript调试之console对象——你不知道的一些小技巧

下面给出完整的“Javascript调试之console对象——你不知道的一些小技巧”攻略。

什么是console对象？

console 是一个 Javascript 语言内置的全局对象，提供了很多用于调试和输出信息的方法。

常见的几个方法

log()

log() 方法是最常用的方法之一，可以把一些信息打印到控制台。例如：

console.log('Hello, World!');

控制台将输出：

Hello, World!

dir()

dir() 方法可以打印一个对象的所有属性及其属性值。例如：

var person = { name: 'Tom', age: 18, gender: 'male' };
console.dir(person);

控制台将输出：

{ name: 'Tom', age: 18, gender: 'male' }
  age: 18
  gender: "male"
  name: "Tom"
  __proto__: Object

error()

error() 方法可以输出对应的错误信息到控制台。例如：

console.error('出现错误了！');

控制台将输出：

出现错误了！

更多小技巧

格式化输出

log() 方法支持使用占位符来格式化输出的信息。例如：

var name = 'Tom';
var age = 18;
console.log('%s 今年 %d 岁。', name, age);

输出：

Tom 今年 18 岁。

断言

assert() 方法可以用来进行断言操作。如果表达式的值为 false，则输出信息到控制台。例如：

console.assert('1' === 1, '这里应该是相等的！');

如果 '1' 不等于 1，则输出：

Assertion failed: 这里应该是相等的！

分组输出

group() 和 groupEnd() 方法可以将输出内容分组，方便查看。例如：

console.group('分组一');
console.log('信息一');
console.log('信息二');
console.groupEnd();

console.group('分组二');
console.log('信息三');
console.log('信息四');
console.groupEnd();

输出：

分组一
  信息一
  信息二
分组二
  信息三
  信息四

以上就是“Javascript调试之console对象——你不知道的一些小技巧”的完整攻略了。