console详解

2017-10-17  本文已影响12人  此鹿不通

什么是console?

在前端开发中,我们很经常使用console在控制台输出一些调试信息,最常用的大概就是console.log()了。但是console到底是什么呢?它是BOM(Browser Object Model)(浏览器对象模型)中的window对象的一个子对象。

Object.prototype.toString.call(console)
"object Object"

而console可以用于指代调试工具的控制台,通过调用他的一系列函数,即可在控制台打印出相关的信息。

console的基本使用

方法名称 用途
.log() 打印日志
.error() 打印错误
.warn() 打印警告
.info() 提示信息
.debug() debug信息

console的小技巧

  1. 占位符:console对象的上述5种方法,都可以使用printf风格的占位符。不过,占位符的种类比较少,只支持字符(%s)、整数(%d或%i)、浮点数(%f)和对象(%o)四种。
console.log("%d年%d月%d日",2011,3,26);
console.log("圆周率是%f",3.1415926);

2.善用table:我们经常使用console打印json对象,直接使用.log()的时候很多情况下会显得有点乱,这个时候,不妨试一试.table()。具体用法如下:
console.table({a:1})

有时间再加。

上一篇下一篇

猜你喜欢

热点阅读