**
在js中console和打断点是初学者常用的调试方法,今天介绍不同console的方法.
**
一、四种显示信息的命令
<!DOCTYPE html>
<html>
<head>
<title>最常见的4种console命令</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<script type="text/javascript">
console.info("info");
console.log("log");
console.error("error");
console.warn("warn");
</script>
</body>
</html>
这四种输出方式的差异:
下面介绍几种其他的输出方式:
1.console.group信息分组功能
代码:
console.group("五虎上将");
console.log("关羽");
console.log("张飞");
console.groupEnd();
console.group("五子良将");
console.log("张郃");
console.log("于禁");
console.groupEnd();
效果如图所示:
2.console.dirxml()显示某个节点的内容
3.console.dir()查看对象信息和方法
4.console.assert()用来判断一个表达式或变量是否为真。如果结果为否,则在控制台输出一条相应信息,并且抛出一个异常.
代码:
var Num = 12;
console.assert(Num > 15);
console.assert(Num < 15);
执行结果:(遇到为false的表达式.console.assert()会丢出一个错误.)
5.console.trace()用来追踪函数的调用轨迹.
代码:
function a(){
alert(a);
console.trace()
}
function aa(){
a();
}
aa();
执行结果:
6.console.time()和console.timeEnd(),用来显示代码的运行时间。
代码:
console.time("时间-")
for(var i = 0; i<100000;i++){
}
console.timeEnd("时间-")
执行结果:
7.性能分析(Profiler)就是分析程序各个部分的运行时间,找出瓶颈所在,使用的方法是console.profile()。