【转载】console调试

作者：程序员Sunday
链接：juejin.cn/post/735506…
来源：稀土掘金

01：console.table

使用 console.table 可视化复杂的对象和数组：

js
 代码解读
复制代码
const myData = [
  { name: "程序员Sunday", age: 30 },
  { name: "Sunday", age: 25 }
];
console.table(myData);

打印结果如下：

02：console.trace

使用 console.trace 可以明确函数的调用逻辑关系：

js
 代码解读
复制代码
function fn() {
  function test() {
    console.trace("这是一个利用trace的测试打印"); 
  }
  test();
}
fn();

打印结果如下：

03：console.time && console.timeEnd

使用 console.time && console.timeEnd 来记录代码的执行耗时：

js
 代码解读
复制代码
console.time('js 耗时')
const vNodes = []
for (let i = 0; i < 10000; i++) {
  const vNode = {
    type: 'div'
  }
  vNodes.push(vNode)
}
console.timeEnd('js 耗时')

打印结果如下：

04：console.assert

使用 console.assert 断言你的判断逻辑。

如果断言为假，它抛出一个你指定的错误：

js
 代码解读
复制代码
const myArray = []
console.assert(myArray.length > 0, "myArray 是空的!");

打印结果如下：

05：console.clear

在很多时候，我们的控制台可能会打印非常多的内容。所以，可以让代码在执行到某一个特定的时机时，利用 console.clear() 清空控制台

js
 代码解读
复制代码
console.clear()

执行之后会打印这个：

06：console.error

使用 console.error 直接打印一个错误级别的描述：

js
 代码解读
复制代码
console.error('错误信息')

打印结果如下：

作者：程序员Sunday
链接：juejin.cn/post/735506…
来源：稀土掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。