console.log的高级用法
//基本用法
console.log('最常见用法 换行');
console.error('输出错误信息 会以红色显示');
console.warn('打印警告信息 会以黄色显示');
console.info('打印一般信息');
console.clear();//清空上面的console显示
//进阶用法
console.assert(false,'判断为false才显示的信息');//console.assert(bool,”info”) 如果bool为false 打印出info 否则不打印
console.table([['中国','美国'],['好']]);//传入的对象或数组以表格方式显示
function fn(){ console.trace(); }//打印 调用链 fn2()调用fn1(),fn1()调用fn()
function fn1(){ fn(); }
function fn2(){ fn1(); }
fn2();
//格式化输出
-
console.log支持的格式标志有:
-
%s 占位符
-
%d 或 %i 整数
-
%f 浮点数
-
%o%O object对象
-
%c css样式
console.log('%d + %d = %d',1,2,3);
//%o%O打印dom节点时就不一样 console.log('%o',document.body); console.log('%O',document.body);
//高级用法
//计时,单位毫秒 console.time(); for(var i=0;i<100000;i++){ var j=i*i; } console.timeEnd(); //统计代码或函数被调用了多少次 var fn_ = function(){ console.count('hello world'); } for(var i=0;i<5;i++){ fn_(); } //查看内存使用情况,是属性,不带括号 //console.memory; //在浏览器开发者工具中使用 //分组输出,可嵌套 console.group('分组1'); console.log('语文'); console.log('数学'); console.group('其他科目'); console.log('化学'); console.log('地理'); console.log('历史'); console.groupEnd('其他科目'); console.groupEnd('分组1');
相关推荐
- 关于rank、dense_rank、ROW_NUMBER及OVER(PARTITION BY)、OVER(ORDER BY)的一些用法
-
Mybatis 的
标签用法 prefix prefixOverrides suffix suffixOverrides - func_get_arg(),func_get_args()和func_num_args()的用法
- jquery load的用法
- vue中return的用法理解
- 12.21 Gson的常用用法 功能介绍 特点
- oracle中查询的左右连接(+)用法
- if else的用法
- 时间弹窗获取之前自定义时间的用法Layui
- 关于宏定义的一些用法
- String 跟 StringBuffer 的区别
- String 和StringBuffer的区别