前端调试方法

console的所有方法

• console具有很强的输出能力
• %o标记对象
• %s标记字符串
• %d标记数字
• console.dir(element) 输出对应的Dom文档结构
• console.table(obj) 把对象输出表格形式
• console.count() 计数输出 ： for (let i=0; i<5; i++) {console.count(“计数”)}
• cosole.group() 分组输出，配合console.groupEnd()使用。两者之间console分组的内容。可以嵌套使用console.group('g1'); console.log(1); console.log(2); console.group('cg1'); console.log(1); console.log(2); console.groupEnd('cg1'); console.error('3');console.info(4); console.groupEnd('g1');
• console.time() 计时 配合console.timeEnd()使用：function wait(ms) { return new Promise((resolve) => setTimeout(resolve, ms)); };console.time('耗时'); await wait(3000); console.timeEnd("耗时")
• console.assert() 断言，接受2个参数，第一参数为断言的条件，第二个是条件为false的信息：console.assert(1>2, '1不大于2')
• console.trace() 打印程序调用栈 for (let i=0; i<5; i++) {console.trace()}在调用trace的地方会显示整个调用栈，常用在方法的调用顺序的查看。function a() { console.trace() } function b() { a() } function c() { b() } function d() { c() } d()