共计 1365 个字符,预计需要花费 4 分钟才能阅读完成。
* 1、console.debug()、console.info()、console.warn() 与 console.error()
这四个办法的应用办法跟 console.log() 截然不同,差异在于输入的色彩与图标不同。上面是示例:
console.log("log");
console.debug("debug");
console.info("info");
console.warn("warn");
console.error("error");
* 2、console.table()
失常应用 console.log()时,打印的为失常数据格式,然而 console.table()时输出为表格,看数据更直观
* 3、console.time()、console.timeEnd()
console.time("for-test");
const arr = [];
for(let i = 0; i < 100000; i++) {arr.push({"key": i});
}
console.timeEnd("for-test");
输出为 VM1461:6 for-test: 10.18505859375 ms
从下面的例子能够看出,咱们用 console.time() 和 console.timeEnd() 突围要测试运行工夫的代码,这两个办法的参数保持一致,以便正确辨认和匹配代码开始和完结的地位
* 4、console.assert()
相似于单元测试中的断言,当表达式为 false 时,输入错误信息。示例如下:
const arr = [1, 2, 3];
console.assert(arr.length === 4);
输入后果如下:
* 5、console.count()
调试代码时,咱们常常须要晓得一段代码被执行了多少次,咱们能够应用 console.count() 来不便的达到咱们的目标。示例如下:
function func() {console.count("label");
}
for(let i = 0; i < 3; i++) {func();
}
运行后果为:
label: 1
label: 2
label: 3
* 6、console.group()、console.groupEnd() 与 console.groupCollapsed()
个别的 console.log() 办法的输入没有层级关系,在须要一些显示层级关系的输入中显得苍白无力,应用 console.group() 能够达到咱们的目标。示例代码如下:
console.group("1");
console.log("1-1");
console.log("1-2");
console.log("1-3");
console.groupEnd();
console.group("2");
console.log("2-1");
console.log("2-2");
console.log("2-3");
console.groupEnd();
运行后果为:
把 “group” 换成 “groupCollapsed”,则默认为折叠运行后果。
*7、console.dir()
和 console.log()类似,但打印 DOM 元素时,console.log() 会将 DOM 元素以 HTML 的模式输入,而 console.dir() 则会以 JSON 对象的模式输入。
对 console 是不是有了更深的理解?(~︶~)