美文网首页
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详解

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