console控制台优化

熟悉前端的不会对console和alert陌生，两者在调试的时候可谓是法宝级别的工具，但是关于console，其实远远不止于console.log这一个简单的命令，它能做的事情有很多，那么让我们来一起了解一下，它有哪些冷门功能吧。

---

显示信息的命令

console.log('hello world');
console.info('信息');
console.debug('调试');
console.error('错误');
console.warn('警告');

占位符

​ console上述的集中度支持printf的占位符格式，支持的占位符有：字符（%s）、整数（%d或%i）、浮点数（%f）和对象（%o）

console.log("%d年%d月%d日",2016,11,11);

信息分组

console.group("第一组信息");
console.log("第一组第一条:何问起(http://hovertree.com)");
console.log("第一组第二条:柯乐义(http://keleyi.com)");
console.groupEnd();
console.group("第二组信息");
console.log("第二组第一条:HoverClock 一个jQuery时钟插件");
console.log("第二组第二条:欢迎使用");
console.groupEnd();

对象信息

var obj={
    id:1,
    name:123
}
console.dir(obj)

显示网页节点

console.dirxml()用来显示网页的某个节点（node）所包含的html/xml代码
var info = document.getElementById('info');
console.dirxml(info);

判断变量是否为真

​console.assert()用来判断一个表达式或变量是否为真。如果结果为否，则在控制台输出一条相应信息，并且抛出一个异常。

console.assert(1 == 1); 
console.assert(1 == 2); // Assertion failed: console.assert

追踪函数的调用踪迹

function add(a,b){
console.trace();
return a+b;
}
var x = add3(1,1);
function add3(a,b){return add2(a,b);}
function add2(a,b){return add1(a,b);}
function add1(a,b){return add(a,b);}
// add add1 add2 add3

计时功能

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

console.time("控制台计时器一");
for(var i=0;i<10000;i++){
for(var j=0;j<1000;j++){}
}
console.timeEnd("控制台计时器一");