Chrome调试技巧

无论什么语言都离不开调试，像c，c++，java这样的语言可以直接通过编译器来确定哪里有bug。而js不行，js必须依赖浏览器来调试。今天我将写下我学习到的一些东西。

conselo：基本输出；

以前，我只知道在控制台输出信息用conselo.log()，除了这个控制台还有很多输出方式。

console.log("输出字符");
console.error("打印错误");
console.info("打印信息");
console.warn("警告");
console.debug("调试");

Chrome调试技巧

格式化输出：

console.log("%s年",2018);
console.log("%f",3.14159);
console.log("%o",console);
console.log("%c自定义样式","font-size:30px; color:#00f");

Chrome调试技巧

Dom输出：多个对象输出；

var stu = [{name:"Bob",age:13,hobby:"playing"},{name:"Lucy",age:18,hobby:"eating"},{name:"Alice",age:17,hobby:"dancing"}];
console.log(stu);
console.table(stu);

Chrome调试技巧

函数计数与跟踪：

function fib(n) {
    if(n == 0) return;
    console.count("调用次数");
    console.trace();
    var a = arguments[1] || 1;
    var b = arguments[2] || 1;
    console.log("fib=" + a);
    [a, b] = [b, a + b];
    fib(--n, a, b);
}
console.time();
fib(6);
console.timeEnd();

Chrome调试技巧

debugger调试：断点调试；