console 技巧

230 阅读1分钟

显示信息

  1. console.log()
  2. console.warn()
  3. console.info()
  4. console.error()

image.png

console.dir

可以显示一个对象的所有属性和方法

image.png

console.assert

用来判断一个变量或者一个表达式是否为true,如果为false,则抛出一个异常

image.png

console.dirxml

可以用来显示网页中某个DOM的html/xml代码

image.png

console.time 和 console.timeEnd

用来显示 console.time 到 console.timeEnd 中间执行的时间

image.png

注意不同参数情况函数执行结果的不同

还有一些比如console.trace, console.table, console.profile等这里就暂时不做介绍了,有兴趣的同学可以自行学习。