JS中的console对象
来源:互联网 发布:html实体编码转换 js 编辑:程序博客网 时间:2024/05/18 09:46
在调试 JS 代码时,我们大多人倾向于使用 alert() 或者 console.log() 方法来输出信息,正如某些 Java 程序员喜欢在调试代码时使用System.out.println() 输出信息一样。但与 Java 输出不一样的是, console 对象拥有多种方法可以更好的呈现信息,从而给代码调试带来方便。根据常用程度,列出以下几种 console 对象的方法:
console.log()
console.debug()、http://console.info()、console.warn() 与 console.error()
console.table()
console.time() 与 console.timeEnd()
console.assert()
console.count()
console.group、console.groupEnd() 与 console.groupCollapsed()
console.dir()
1、console.log()
先来谈谈我们最熟悉也最常用的 console.log() 方法。
我们最常用的做法是通过它来输出一个变量或者输出一个字符串。比如下面:
运行结果如下:
但我们也可以这样用 console.log() :
控制台会输出:
代码片段 1 显示,console.log() 的参数可以有多个,输出的结果以一个空格隔开。
代码片段 2 显示,console.log() 可以使用 C 语言 printf() 风格的占位符,不过其支持的占位符种类较少,只支持字符串(%s)、整数(%d或%i)、浮点数(%f)和对象(%o)。
2、console.debug()、console.info()、 console.warn() 与 console.error()
这四个方法的使用方法跟 console.log() 一模一样,差别在于输出的颜色与图标不同。下面是示例:
运行结果如下:
3、console.table()
我们看下面一个变量:
我们用 console.log() 将之在 Chrome 的控制台中输出:
再用 console.table() 输出:
所以从上面两种输出我们可以看出,当输出类似于这种两层嵌套的对象时,我们可以选择 console.table() 以表格的形式输出。当然,嵌套三层及以上的也会以表格形式输出,但限于表格只能显示二维信息的特点,其会在嵌套三层或以上的地方会显示 "Object" 字符串。
4、console.time() 与 console.timeEnd()
在调试时,我们经常需要知道一段代码执行时间,我们可以使用这两行代码来实现。看下面一段代码:
输出为:
从上面的例子可以看出,我们用 console.time() 和 console.timeEnd() 包围要测试运行时间的代码,这两个方法的参数保持一致,以便正确识别和匹配代码开始和结束的位置。
5、console.assert()
console.assert() 类似于单元测试中的断言,当表达式为 false 时,输出错误信息。示例如下:
输出结果如下:
6、console.count()
调试代码时,我们经常需要知道一段代码被执行了多少次,我们可以使用 console.count() 来方便的达到我们的目的。示例如下:
运行结果为:
7、console.group()、 console.groupEnd() 与 console.groupCollapsed()
一般的 console.log() 方法的输出没有层级关系,在需要一些显示层级关系的输出中显得苍白无力,使用 console.group() 可以达到我们的目的。示例代码如下:
运行结果为:
把 "group" 换成 "groupCollapsed",则默认为折叠运行结果。
8、console.dir()
console.dir() 是干嘛的?MDN 上说这个方法是为了将特定的 JS 对象显示为可以交互的列表,而列表是折叠起来的。这么说有点抽象,看我在 Chrome 控制台输出的效果:
对于 Chrome 用户来讲,console.dir() 是不是就没用了呢?然而并不是,看图:
在 Chrome 中打印 DOM 元素时,两个方法输出的结果大不一样。console.log() 会将 DOM 元素以 HTML 的形式输出,而 console.dir() 则会以 JSON 对象的形式输出。
- JS中的console对象
- Js之console对象
- js的console对象
- QML 中的 console 对象
- JavaScript中的console对象
- js中的console使用
- Node.js中的Console模块
- Js的console对象,在控制台打印
- console 确定对象所在js文件
- 对象 Console
- console 对象
- console对象
- console对象
- js console
- js console
- 用console.table方法调试打印JS对象的内部结构
- js基础-引用类型-console对象 ★☆
- JS中的RegExp对象
- linux内核部件分析(三)——记录生命周期的kref
- 安装Sublime Text 3插件的方法
- 第十六周项目二(1)学生成绩处理
- 关于Echarts的formatter函数的自定义(图像上显示一组数据的图像,当鼠标移上去的时候显示五组数据)
- 欢迎使用CSDN-markdown编辑器
- JS中的console对象
- 【Java学习之代码学习】 Prog28_打印出杨辉三角形的问题
- VR一体机技术系列三之生态
- 第十六周项目—学生成绩处理2
- SQLServer跨库查询--分布式查询 用openrowset连接远程SQL或插入数据
- 周末待看的资料
- [Java]JGit用法总结
- [Web前端技术教学][基于Web标准的网页设计与制作]教材的精选100单选试题及答案
- iOS添加圆角好方法