微客导航 » 文章资讯 » JavaScript的console命令使用实例

JavaScript的console命令使用实例

2023-08-05 02:33:04 352

这篇文章主要介绍了javascript的console命令使用实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

1.分类输出

console.log('文字信息');
console.info('提示信息');
console.warn('警告信息');
console.error('错误信息');

2.分组输出

console.group('1');
console.log("1-1");
console.log("1-2");
console.groupEnd();
console.group('2');
console.log("2-1");
console.log("2-2");
console.groupEnd();

生成折叠的分组

console.group('1');
console.log("1-1");
console.log("1-2");
console.groupEnd();
console.group('2');
console.log("2-1");
console.log("2-2");
console.groupEnd();

嵌套

console.group('1');
console.group("1-1");
console.group("1-1-1");
console.log('内容');
console.groupEnd();
console.groupEnd();
console.group("1-2");
console.log('内容');
console.log('内容');
console.groupEnd();
console.groupEnd();
console.groupCollapsed('2');
console.group("2-1");
console.log('内容');
console.groupEnd();
console.group("2-2");
console.groupEnd();
console.groupEnd();

3.表格输出

console.table()将传入的对象，或数组以表格形式输出

varObj={
Obj1:{
a:"a1",
b:"b1",
c:"c1"
},
Obj2:{
a:"a2",
b:"b2",
c:"c2"
},
Obj3:{
a:"a3",
b:"b3",
c:"c3"
}
}
console.table(Obj);

varArr=[
["a1","b1","c1"],
["a2","b2","c2"],
["a3","b3","c3"],
]
console.table(Arr);

4.查看对象

显示一个对象的所有属性和方法Console.dir()和Console.log()相同

varss={
name:'AA',
title:'title1',
}
console.log("console.dir(ss)");
console.dir(ss);
console.log("console.log(ss)");
console.log(ss);

5.查看节点

Console.dirxml()显示一个对象的所有属性和方法





Flowchart

6.条件输出

当第一个参数或返回值为真时，不输出内容
当第一个参数或返回值为假时，输出后面的内容并抛出异常

console.assert(true,"see");
console.assert((function(){returntrue;})(),"see");
console.assert(false,"notsee");
console.assert((function(){returnfalse;})(),"notsee");

7.记次输出

输出内容和被调用的次数

(function(){
for(vari=0;i<5;i++){
console.count("运行次数：");
}
})()

8.追踪调用堆栈

functionadd(a,b){
console.trace("Add");
returna+b;
}
functionadd2(a,b){
returnadd1(a,b);
}

functionadd1(a,b){
returnadd(a,b);
}
varx=add2(1,1);

9.计时

Console.time()中的参数作为计时器的标识，具有唯一性
Console.timeEnd()中的参数来结束此标识的计时器，并以毫秒为单位返回运行时间
最多同时运行10000个计时器

console.time("Chrome中循环1000次的时间");
for(vari=0;i<1000;i++)
{
}
console.timeEnd("Chrome中循环1000次的时间");

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
3162201930
czq8825@qq.com

JavaScript的console命令使用实例

热门推荐

随机推荐