在运用JS进行脚本开发的时候，我们经常会用到console类中的log方法输出一些信息。其实，在JS中还有很多的调试命令。下面就详细的介绍几种
分类输出
console.log('文字信息')
console.info('提示信息')
console.warn('警号信息')
console.error('错误信息')
image.png
计次输出
console.count()//输出内容和被调用的次数
eg:(function () {
for(var i = 0; i < 3; i++){
console.count("运行次数：");
}
})()
image.png
分组输出
console.group(); //可以切套使用
console.groupCollapsed() //生成折叠的组
console.groupEnd();
console.group('一组')
console.log("1-1")
console.log("1-2")
console.groupEnd();
console.groupCollapsed('二组');
console.log("2-1");
console.log("2-2");
console.groupEnd();
image.png
表格输出
console.table()//传入的对象或数组以表格形式输出
let arr = [{
name:'liting',
age:24,
sex:'女'
}，{
name:'小猪',
age:25,
sex:'男'
}]
console.table(arr)
image.png
查看对象信息
console.dir() //显示一个对象所有的属性和方法
var obj = {
name:'liting',
sex:'女',
phone:'182**********'
}
console.dir(obj)
image.png
查看节点
console.dirxml()//显示网页的某个节点（node）所包含的html/xml代码。
例：var el = document.getElementById("el");
console.dirxml(el);
判断条件
console.assert()//判断一个表达式或变量是否为真，如果结果为否，则在控制台输出一条相应信息，并且抛出一个异常。如果为真，则不输出
eg：var num = 12
var string = '12'
var empty = null
console.assert(num == string)
console.assert(empty == null)
image.png
计时功能
console.time();
console.timeEnd();
eg:
console.time("Chrome中循环10次的时间");
for(var i = 0; i < 10; i++){
}
console.timeEnd("Chrome中循环10次的时间");
image.png
追踪调用轨迹
console.trace()//代码行放在需要追踪的函数的代码中
eg:function add(a,b){
var c = a+b
console.trace()
return c
}
add(2,4)
image.png
性能分析
//查看代码各部分运行消耗的时间
console.profile();
.......代码段
console.profileEnd();
格式化
image.png
var arr = ["香蕉", "苹果"];
console.log("我喜欢吃%s，老公喜欢吃%s",arr[0],arr[1]);
console.log("圆周率整数部分：%d，带上小数是：%f",3.1415,3.1415);
image.png
