专栏首页Nian糕的私人厨房JavaScript Console的常见用法

JavaScript Console的常见用法

Unsplash

  • 信息输出
// 普通信息
console.log("normal")
// 提示性信息
console.info("information")
// 错误信息
console.error("error")
// 警示信息
console.warn("warn")
// 清空控制台信息
console.clear()
  • 信息分组
console.group("食品搭配")
console.log("年糕")
console.log("小笼包")
console.groupEnd()

运行结果

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

运行结果

  • 节点打印
console.dirxml(document.getElementById("info"))
  • 条件为 false 时打印
const wx = false
console.assert(wx, '你微笑时很美')

运行结果

  • 统计函数执行次数
function myCount(){
    console.count("执行的次数")
}
myCount()

运行结果

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

运行结果

  • 原生支持类 jQuery 选择器

运行结果

End of File

行文过程中出现错误或不妥之处在所难免,希望大家能够给予指正,以免误导更多人,最后,如果你觉得我的文章写的还不错,希望能够点一下喜欢关注,为了我能早日成为简书优秀作者献上一发助攻吧,谢谢!^ ^

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • JavaScript 常见面试题分析(二)

    ④ call() 方法 apply() 方法 bind() 方法 (this 指向第一个参数)

    Nian糕
  • Emmet 常用语法

    Emmet 是一个能大幅度提高前端开发效率的一个工具,通过在编辑器中输入 HTML 或 CSS 的代码缩写,按 Tab 键即可拓展为完整的代码片段,本文主要...

    Nian糕
  • JavaScript 通过简写增加代码可读性

    行文过程中出现错误或不妥之处在所难免,希望大家能够给予指正,以免误导更多人,最后,如果你觉得我的文章写的还不错,希望能够点一下喜欢和关注,为了我能早日成为简书优...

    Nian糕
  • console 让 js 调试更简单

    Web开发最常用的就是 console.log ,虽然 console.log 占有一席之地,但很多人并没有意识到 console 本身除了基本 log 方法之...

    grain先森
  • 10 个技巧,让你更专业地使用 console 进行 JS 调试

    首先,我必须承认这一点,我将利用这个平台从我的开发环境中清理出骨架(轮廓)。有时候,我所做的“魔法”(有些人称之为“编码”),并不像我的同事在为他们展示这些宏伟...

    IT派
  • 聊聊调试的那些事,超实用!!!

    今天给大家分享的是开发中调试的那些事,在开发中我们最害怕也是最常见的就是出现bug,然后去修改bug,那么怎么去快速定位bug的位置和原因呢?这个时候调试显得尤...

    小丑同学
  • 还是只使用console.log()进行调试?好吧,其实还有更多。

    在浏览器控制台中打印消息无疑可以拯救所有开发人员。 console.log()消息就像您的大多数疾病的药,同时调试了代码中的一些有线问题。

    Tz一号
  • 【译】超越console.log() —当debug时你需要使用的8个console方法

    你debug时或许没有使用过的超越console.log()的console方法!

    腾讯IVWEB团队
  • 10个用Console来Debug的高级技巧

    译者按: 我们往往会局限在自己熟悉的知识圈,但也应担偶尔拓展一下,使用一些不常见而又有用的技巧,扩大自己的舒适圈。

    Fundebug
  • 被忽略的console.log

    除了console.log之外,还有更多方式调试JavaScript来输出值。 看起来很明显我们没有。

    frontoldman

扫码关注云+社区

领取腾讯云代金券