js-console的使用方法

除了我们熟知的console.log以外,还有很多其他的打印方法无人问津实在可惜,这里就列举些我学会的console给大家。

单行打印 —— console.log

	console.log("测试文本")		//测试文本

单行打印可用来做常规调试。

多行打印 —— console.log

	console.log(`
		测试			//测试
		文本			//文本
	`)		

注:利用字符串模板实现

清空控制台 —— console.clear

	console.log(1);		//	1
	console.log(2);		//	2
	console.log(3);		//	3
	console.clear()		//

注:会将上面1、2、3清空掉
如果项目上有很多log,可以先清除掉,然后打印自己想要的东西

条件打印 —— console.assert

    console.assert(true == true, "判断条件成立")
    console.assert(true == false, "判断条件不成立");		//判断条件不成立

注:assert 可传入两个参数:表达式 字符串。
1、这里只有前面表达式为false时后面的文本才会打印。
2、当第二个参数为某个方法时,无论前面表达式返回什么方法都会执行。

计数打印 —— console.count

    console.count();	//default: 1
    console.count();	//default: 2
    console.count();	//default: 3
    console.count();	//default: 4

可以用来统计某段逻辑执行次数

错误打印 —— console.error

console.error("Error: %s (%i)", "Server is not responding", 500);

警示打印 —— console.warn

	console.warn("测试文本");	//测试文本

提示打印 —— console.info

	console.info("测试文本");	//测试文本

分组打印(首次显示展开) —— console.group

console.group("第一层");
    console.group("第二层");
    	console.log("error");
    	console.error("error");
    	console.warn("error");
    console.groupEnd();
console.groupEnd();

分组打印(首次显示不展开) —— console.group

    console.groupCollapsed("第一层");
    	console.groupCollapsed("第二层");
    		console.log("error");
    		console.error("error");
    		console.warn("error");
    	console.groupEnd();
    console.groupEnd();

以上都是可以按结构测试逻辑

表格打印 —— console.table

    var arr = [{ num: "1" }, { num: "2" }, { num: "3" }];
    console.table(arr);

注:如果传入参数是对象或者数组则答应成表格,否则与log一致
就查看数组、对象数据来说很方便

计时打印 —— console.time

	console.time("计时器1")
	console.timeEnd("计时器1")

注:timeEnd传入字符串必须与time传入字符串一致
可以统计某段逻辑执行事件

追溯打印 —— console.trace

	function d(a) { 
      console.trace();
      return a;
    }
    function b(a) { 
      return c(a);
    }
    function c(a) { 
      return d(a);
    }
    var a = b('123');

可以用来追溯哪个方法调用的这个方法

如果有更漂亮的写法欢迎来讨论,让我们一起有条不紊的持续进步。
喜欢的话不妨点个小小的赞与关注,您的赞与关注将是我源源不断的前进动力。

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值