js调试命令，不止于console.log()
通常情况下，我们在调试js程序的时候一般都使用console.log()来进行程序的调试，打印自己所需要的内容什么的。
那么js的调试命令可不止一个console.log()
分类输出
console.log('文字信息');
console.info('提示信息');
console.warn('警告信息');
console.error('错误信息');
分组输出
我们还可以使用Console.group()和Console.groupEnd()进行包裹，分组
console.group('第一个组');
console.log("1-1");
console.log("1-2");
console.log("1-3");
console.groupEnd();
分组还可以进行嵌套
console.group('1');
console.group("1-1");
console.group("1-1-1");
console.log('text');
console.groupEnd();
console.groupEnd();
console.group("1-2");
console.log('text');
console.log('text');
console.log('text');
console.groupEnd();
console.groupEnd();
输出表格
使用console.table()可以将传入的对象，或数组以表格形式输出。适合排列整齐的元素
var Obj = {
Obj1: {
a: "aaa",
b: "bbb",
c: "ccc"
},
Obj2: {
a: "aaa",
b: "bbb",
c: "ccc"
},
Obj3: {
a: "aaa",
b: "bbb",
c: "ccc"
},
Obj4: {
a: "aaa",
b: "bbb",
c: "ccc"
}
}
console.table(Obj);
var Arr = [
["aa","bb","cc"],
["dd","ee","ff"],
["gg","hh","ii"],
]
console.table(Arr);
条件输出
可以使用console.assert()进行条件输出
- 当第一个参数或返回值为真时，不输出内容
- 当第一个参数或返回值为假时，输出后面的内容并抛出异常
console.assert(true, "你永远看不见我");
console.assert(false, "你可以看见我");
如下图：
格式化输出
| 占位符 | 含义 |
|---|---|
| %s | 字符串输出 |
| %d or %i | 整数输出 |
| %f | 浮点数输出 |
| %o | 打印javascript对象，可以是整数、字符串以及JSON数据 |
var arr = ["马化腾", "马云"];
console.log("%s：腾讯！%s：阿里巴巴", arr[0], arr[1]);
console.log("圆周率整数部分：%d，带上小数是：%f", 3.1415, 3.1415);
自定义样式
使用%c为打印内容定义样式,再输出信息前加上%c，后面写上标准的css样式，就可以为输出的信息添加样式了
又时候会觉得，log光是纯文本比较丑，这时候我们可以考虑美化一下，如：
这时候我们的代码就可以这样写
console.log(
"%c 版本%c1.0%c",
"background:#35495E; padding: 1px; border-radius: 3px 0 0 3px; color: #fff;",
"background:red; padding: 1px; border-radius: 0 3px 3px 0; color: #fff;",
"background:transparent"
);
这里也就跟大家讲一些，常用的东西！
