console详解

什么是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})

有时间再加。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 对于js的调试,一般我们经常用alert()或者console.log()进行调试。但是alert()会让程序中断...
    猪猪侠闯天下阅读 4,253评论 0 0
  • 参考基础教程的整理,方便记忆 一、Object对象 (O大写) 所有其他对象都继承自这个对象。Object本身也是...
    Viaphlyn阅读 6,897评论 0 0
  • 对于js的调试,一般我们经常用alert()或者console.log()进行调试。但是alert()会让程序中断...
    浩3108阅读 13,858评论 10 52
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,796评论 19 139
  • 又是几天的总结一起写 这几天和小十二睡觉的日子里 每天都要醒来十来次 担心他尿床 最后还是我睡着啦 他又尿啦 每天...
    路露小魔女阅读 786评论 0 0