进入console:
直接进入:按下Option + Command + J(Mac)或者Ctrl + Shift + J(Windows / Linux)
进入控制台以后,就可以在提示符后输入代码,然后按Enter键,代码就会执行。如果按Shift + Enter键,就是代码换行,不会触发执行
显示信息的命令
console.log(“log”); //用于普通信息输出
console.info(“info”);//用于提示性信息
console.error(“error”);//用于输出错误信息
console.log(“warn”);//用于输出提示信息
console.dirxml(“输出代码带标签”);//
1
2
3
4
5
显示效果
信息分组
类似于下拉框,使用group()开头,使用groupEnd()结尾,中间可以穿插普通命令
console.group(“this is one “);
console.log(“one”);
console.log(“two”)
console.error(“error”)
console.groupEnd();
1
2
3
4
5
效果
点位符
说句实话我感觉没啥用,但是我列出来是因为他的这个穿插还是有一丢丢作用
1
2
3
4
5
6
7
8
9
10
将对象以树状展示
console.dir()可以输出对象的所有属性和方法
1
2
3
4
5
6
7
8
9
10
11
效果
计时功能
通过开始time(),到结束timeEnd()中间代码的执行时间,计时器可以有无数个,通过括号中的标记区分彼此
1
2
3
4
5
打印结果为中间代码也就是for循环执行时间
输出表格形式
let users = [{
name:’wang’,
age:18
},{
name:’zhang’,
age:19
},{
name:’li’,
age:20
}]
console.table(users)
1
2
3
4
5
6
7
8
9
10
11
效果
判断变量是否为真
console.assert(false,”第一个参数为假时输出,提醒类型为error”)
1
判断执行次数
function list(){
console.count(“被执行”);
}
list();
list();
1
2
3
4
5
$(0-4)
$0,$1,$2,$3,$4表示最近使用的几个节点
%c可以设置样式属性
console.log(“my name is %c wang”,”font-size:20px;color:red”)
1