JavaScript的console命令使用实例
这篇文章主要介绍了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