javaScript调试命令

在运用JS进行脚本开发的时候，我们经常会用到console类中的log方法输出一些信息。其实，在JS中还有很多的调试命令。下面就详细的介绍几种
分类输出

console.log('文字信息')
console.info('提示信息')
console.warn('警号信息')
console.error('错误信息')

计次输出

console.count()//输出内容和被调用的次数
eg:(function () {
    for(var i = 0; i < 3; i++){
        console.count("运行次数：");
    }
})()

分组输出

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();

表格输出

console.table()//传入的对象或数组以表格形式输出

let arr = [{
  name:'liting',
  age:24,
  sex:'女'
}，{
  name:'小猪',
  age:25,
  sex:'男'
}]
console.table(arr)

查看对象信息

console.dir() //显示一个对象所有的属性和方法

var obj = {
    name:'liting',
    sex:'女',
    phone:'182**********'
}
console.dir(obj)

查看节点

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)

计时功能

console.time();
console.timeEnd();
eg:
console.time("Chrome中循环10次的时间");
for(var i = 0; i < 10; i++){
}
console.timeEnd("Chrome中循环10次的时间");

追踪调用轨迹

console.trace()//代码行放在需要追踪的函数的代码中
eg:function add(a,b){
    var c = a+b
    console.trace()
    return c
}
add(2,4)

性能分析

//查看代码各部分运行消耗的时间
 console.profile();
  .......代码段
 console.profileEnd();

格式化

var arr = ["香蕉", "苹果"];
console.log("我喜欢吃%s，老公喜欢吃%s",arr[0],arr[1]);
console.log("圆周率整数部分：%d，带上小数是：%f",3.1415,3.1415);