JavaScript Console的常见用法

Unsplash

• 信息输出

代码语言：javascript复制

// 普通信息
console.log("normal")
// 提示性信息
console.info("information")
// 错误信息
console.error("error")
// 警示信息
console.warn("warn")
// 清空控制台信息
console.clear()

• 信息分组

代码语言：javascript复制

console.group("食品搭配")
console.log("年糕")
console.log("小笼包")
console.groupEnd()

运行结果

• 树状结构

代码语言：javascript复制

let info = {
    name : "longchenmm",
    age : 18,
    wechat : "nothing",
    getName : function(){
        return this.name
    }
}
console.dir(info)

运行结果

• 节点打印

代码语言：javascript复制

console.dirxml(document.getElementById("info"))

• 条件为 false 时打印

代码语言：javascript复制

const wx = false
console.assert(wx, '你微笑时很美')

运行结果

• 统计函数执行次数

代码语言：javascript复制

function myCount(){
    console.count("执行的次数")
}
myCount()

运行结果

• 表格显示

代码语言：javascript复制

let infoList = [
    {
        name : "longchenmm",
        age : 18,
        wechat : "nothing"
    },
    {
        name: "niangao",
        age: 17,
        wechat: "anything"
    }
]
console.table(infoList)

运行结果

• 原生支持类 jQuery 选择器

运行结果

jquery file 表格

0 人点赞