<script>
(function(){
// console.dir(Promise);
console.log("console的使用");
//assert(条件,错误提示)
var b = "assert的测试 我变成了一个错误提示 当a返回的不是true的时候我将会被打印";
var a = function(){
return 0;
}
console.assert(a(),b)
//count(数字前带的字符串)
var c = function(){
for(var i=0;i<5;i++){
console.count("count");
}
}
c();
//dir(boject)将传入对象的属性,包括子对象的属性以列表的像是输出
var d = {
name:"dirName",
age:12,
list:["1","2","3"]
}
console.dir(d);
//error(会表示为错误信息)
console.error("我这里是错误信息");
//console.group()以及console.groupEnd()配对使用用于输出有层次感
console.group("我是祖父");
console.group("我是父亲");
console.log("我是儿子");
console.log("我是姐姐");
console.groupEnd();
console.group("我是叔叔");
console.log("我是大表姐");
console.groupEnd();
console.log("我是姑姑");
console.groupEnd();
//console.groupCollapsed()用法跟console.group 只不过输出是折叠状态
console.log("========================")
console.groupCollapsed("我是祖父");
console.groupCollapsed("我是父亲");
console.log("我是儿子");
console.log("我是姐姐");
console.groupEnd();
console.groupCollapsed("我是叔叔");
console.log("我是大表姐");
console.groupEnd();
console.log("我是姑姑");
console.groupEnd();
//console.table()将传入的数组或者对象以表格的形式输出、
var e = {
one:{
name:"张三",
age:34,
books:["数学","英语","语文"]
},
two:{
name:"李四",
age:12
}
};
console.table(e);
console.table(e.one);
// console.profile()和profileEnd成对出现 打印某个函数性能消耗的时间
console.profile('性能分析');
c();//在浏览器控制面板中打开profiles可以看到该性能分析
console.profileEnd();
//console.time()和console.timeEnd()成对出现用于输出中间代码运行的时间、两个函数中参数必须一致
console.time("C运行时间");
c();
console.timeEnd("C运行时间");
//console.trace();打印函数被调用的过程
var f = function(b){
console.trace();
return b
}
var g = function(){
f(22);
}
var gg = function(){
f();
}
gg();
//console.warn("这里是警告内容");
console.warn("作为警告出现");
//占位符 字符(%s)、整数(%d 或 %i)、浮点数(%f)和对象(%o)
console.log("%d天后我将出现在%s手里拎着%i只小白兔,每只售价%f,他们分别叫%o",1,"集市上",3,12.56,["小红","小兰","小白"]);
//标示符%c 表示给添加class样式
console.log("前端是非常%c重要的","color:#fff;background:#f40");
})()
</script>
运行结果如下↓