美文网首页
console详解

console详解

作者: 此鹿不通 | 来源:发表于2017-10-17 20:48 被阅读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})

有时间再加。

相关文章

  • console详解

    什么是console? 在前端开发中,我们很经常使用console在控制台输出一些调试信息,最常用的大概就是con...

  • Chrome开发者工具详解

    Chrome开发者工具详解(1)-Elements、Console、Sources面 Chrome开发者工具详解(...

  • console对象--详解

    对于js的调试,一般我们经常用alert()或者console.log()进行调试。但是alert()会让程序中断...

  • console 使用详解

    console.assert()如果第一个参数为假,在控制台输出一条错误消息,内容为第一个参数之后的参数 cons...

  • console方法详解

    console对象是JavaScript的原生对象,可以输出各种信息到控制台,并且还提供了很多额外的有用方法。 它...

  • console 使用详解

    console 对象提供对浏览器控制台的接入(如:Firefox 的 Web Console)不同浏览器上它的工作...

  • console对象--详解

    对于js的调试,一般我们经常用alert()或者console.log()进行调试。但是alert()会让程序中断...

  • chrome console详解

    Console console是浏览器开发者工具自带的API,并不是JavaScript原生对象。 常规 以面板形...

  • Chrome开发者工具详解(1):Elements、Consol

    【转载】Chrome开发者工具详解(1):Elements、Console、Sources面板 作者:伯乐在线专栏...

  • Chrome开发者工具详解(1)-Elements、Consol

    Chrome开发者工具详解(1)-Elements、Console、Sources面板 Chrome开发者工具面板...

网友评论

      本文标题:console详解

      本文链接:https://www.haomeiwen.com/subject/ihkjuxtx.html