浏览器控制台命令console

在我写JavaScript 或者 node 代码的时候，经常会使用到控制台命令，在以往的使用中都是console.log()到底，后来发现console命令十分强大，他可以使我们的Js调试变得更加简单

显示信息的命令

console.log("log"); //用于普通信息输出
console.info("info");//用于提示性信息
console.error("error");//用于输出错误信息
console.log("warn");//用于输出提示信息
console.dirxml("输出代码带标签")；//

显示效果

信息分组

类似于下拉框,使用group()开头，使用groupEnd()结尾，中间可以穿插普通命令

console.group("this is one ");
		console.log("one");
		console.log("two")
		console.error("error")
console.groupEnd();

效果

点位符

说句实话我感觉没啥用，但是我列出来是因为他的这个穿插还是有一丢丢作用

<script type="text/javascript">
	console.log("%s","this is console");//字符串(%s)
	console.log("%d年%d月%d日",2019,5,20);//整数(%d)
	console.log("圆周率 %f","3.14159");//浮点(%f)
	let users = {
		name:'wang',
		age:18
	}
	console.log("%o",users)//对象(%o)
</script>

将对象以树状展示

console.dir()可以输出对象的所有属性和方法

<script type="text/javascript">
	var info = {
    	name : "Alan",
    	grilFriend : "nothing",
    	getName : function(){
        	return this.name;
    	}
	}
console.log(info);
console.dir(info)
</script>

效果

计时功能

通过开始time(),到结束timeEnd()中间代码的执行时间，计时器可以有无数个，通过括号中的标记区分彼此

<script type="text/javascript">
	console.time("time")
		for(let i = 0;i<10000;i++){}
	console.timeEnd("time")
</script>

打印结果为中间代码也就是for循环执行时间

输出表格形式

	let users = [{
		name:'wang',
		age:18
	},{
		name:'zhang',
		age:19
	},{
		name:'li',
		age:20
	}]
	console.table(users)

效果

判断变量是否为真

	console.assert(false,"第一个参数为假时输出，提醒类型为error")

判断执行次数

function list(){
		console.count("被执行");
	}
	list();
	list();

$(0-4)

$0,$1,$2,$3,$4表示最近使用的几个节点

%c可以设置样式属性

	console.log("my name is %c wang","font-size:20px;color:red")