除了我们熟知的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');
可以用来追溯哪个方法调用的这个方法
如果有更漂亮的写法欢迎来讨论,让我们一起有条不紊的持续进步。
喜欢的话不妨点个小小的赞与关注,您的赞与关注将是我源源不断的前进动力。