console.log(object[, object, ...])
在控制台输出一条消息。如果有多个参数,输出时会用空格隔开这些参数。
第一个参数可以是一个包含格式化占位符输出的字符串,例如:
console.log("The %s jumped over %d tall buildings", animal, count);
上面的例子可以用下面的无格式化占位符输出的代码替换:
console.log("The", animal, "jumped over", count, "tall buildings");
并且,这两种方式是可以组合使用的。如果使用了格式化占位符,而提供的参数的个数多于占位符的个数,那么,多余的参数会以空格分隔的方式附加在字符串后面,就像:
console.log("I am %s and I have:", myName, thing1, thing2, thing3);
如果参数是一个Javascript对象,那么在控制台输出的就不是静态文字,而是一个可交互的超链接,点击超链接可以查看该对象的HTML, CSS, Script, DOM窗口,可用格式化字符串%o代替Javascript对象。
console.log("Body tag is %o", document.body);
格式化字符串列表:
格式化字符串
类型
%s |
字符串 |
%d, %i |
整型(暂不支持数字型) |
%f |
浮点型 (暂不支持数字型) |
%o |
链接对象 |
console.debug(object[, object, ...])
在控制台输出一条消息,包含一个指向代码调用位置的超链接。假如是直接在控制台输入该命令,就不会出现超链接(和console.log()一样)。
console.info(object[, object, ...])
在控制台输出一条带有“信息”图标的消息和一个指向代码调用位置的超链接。
console.warn(object[, object, ...])
在控制台输出一条带有“警告”图标的消息和一个指向代码调用位置的超链接。
console.error(object[, object, ...])
在控制台输出一条带有“错误”图标的消息和一个指向代码调用位置的超链接。
console.assert(expression[, object, ...])
测试表达式expression是否为真。如果不是真,会在控制台写一条消息并抛出异常
console.dir(object)
以列表形式输出一个对象的所有属性,有点和你查看DOM窗口相类似。
console.dirxml(node)
输出一个HTML或者XML元素的XML源代码。和你在HTML窗口看到的相似。
console.trace()
Prints an interactive stack trace of JavaScript execution at the point where it is called.
The stack trace details the functions on the stack, as well as the values that were passed as arguments to each function. You can click each function to take you to its source in the Script tab, and click each argument value to inspect it in the DOM or HTML tabs.
console.group(object[, object, ...])
输出一条消息,并打开一个嵌套块,块中的内容都会缩进。调用console.groupEnd()关闭块。该命令可以嵌套使用。
console.groupEnd()
关闭最近一个由console.group打开的块。
console.time(name)
创建一个名字为name的计时器,调用console.timeEnd(name)停止计时器并输出所耗时间(毫秒)。
console.timeEnd(name)
停止同名的计时器并输出所耗时间(毫秒)。
console.profile([title])
打开Javascript性能测试开关。可选参数title会在打印性能测试报告时在报告的开头输出。
console.profileEnd()
关闭Javascript性能测试开关并输出报告。
console.count([title])
Writes the number of times that the line of code where count was called was executed. The optional argument title will print a message in addition to the number of the count.
相关推荐
本文实例讲述了JavaScript console的使用方法。分享给大家供大家参考,具体如下: Console 对象提供对浏览器控制台的接入(如:Firefox 的 Web Console)。不同浏览器上它的工作方式是不一样的,但这里会介绍一些大...
连接器脚本扩展了console对象,从而添加了新的方法来通过以下方法将消息发送到远程记录器: console.re.type(); console.re.assert(); console.re.time(); console.re.timeEnd(); console.re.now(); console.re....
console-polyfill 能放心的使用 console.log()之类的console方法
本文将介绍 JavaScript 中 this 的用法,从而帮助开发者更好地理解并掌握 this 的使用。 一、在全局作用域中使用 this 在全局作用域中使用 this 会返回全局对象,在浏览器环境下是 window 对象, 在 Node.js 环境...
今天小编就为大家分享一篇关于JavaScript查看代码运行效率console.time()与console.timeEnd()用法,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
可能大家对console.log会有一定的了解,心里难免会想调试的时候用alert不就行了,干嘛还要用console.log这么一长串的字符串来替代alert输出信息呢,下面我就介绍一些调试的入门技巧,让你爱上console.log ...
console.log 原先是 Firefox 的“专利”,严格说是安装了 Firebugs 之后的 Firefox 所独有的调试“绝招”。 这一招,IE8 学会了,不过用起来比 Firebugs 麻烦,只有在开启调试窗口(F12)的时候,console.log 才能出...
javascript scrollTop 获取滚动条相对于其顶部的偏移(如制作自动显示隐藏的“返回顶部”按钮)。在实际应用中经常会遇到以下问题:document.documentElement.scrollTop在Chrome里总为0document.body.scrollTop 在IE...
JavaScript中async,await的使用和方法 JS中 async函数和await 关键字 function hellworld() { return "您好!美好世界!"; } console.log(hellworld()); // 您好!美好世界! async function asyHellworld()...
Console.Write 表示向控制台直接写入字符串,不进行换行,可继续接着前面的字符写入。Console.WriteLine 表示向控制台写入字符串后换行。Console.Read 表示从控制台读取字符串,不换行。Console.ReadLine 表示从...
SublimeLogMagic 使用键盘快捷键轻松记录JavaScript变量和参数。 现在有了CoffeeScript支持!正在安装只需在程序包控制中查找“ Log Magic”即可。用法只需按cmd+alt+j ( ctrl+alt+j )向下产生魔术,或按cmd+alt+k...
Console 第2章 基本技巧 编写可维护的代码 尽量少用全局变量 for循环 for-in循环 不要增加内置的原型 SWitch模式 避免使用隐式类型转换 使用parseInt()的数值约定 编码约定 命名约定 编写...
Alfresco 4.x-5.1的... <dependency> <groupId>de.fmaul</groupId> <artifactId>javascript-console-repo</artifactId> <version>0.6</version> <type>amp</type> </dependency> ...</dependencies><overlays> ..
是的,我知道这是一个无聊的名字React Native Debug Console是一个易于使用的网络和控制台调试组件,是纯JavaScript编写的用于React Native的模式安装npm install react-native-debug-console用法为了将控制台日志和...
以往都是使用alert的方式查看js代码的执行情况,今天看到有朋友使用console.log函数打印输出函数,变量,对象,下边就console.log的使用情况进行记录
安装$ npm install filter-console用法const filterConsole = require('filter-console'); const disableFilter = filterConsole([':panda:']); const log =()=> {console.log(''); console.log(':unicorn:...
对于复杂逻辑的JavaScript程序调优,正确的方法是使用console.profile()。 浏览器支持 安装了Firebug插件的Firefox、Google Chrome以及Safari都支持console.profile()语句,最新版的
JavaScript 中的六种循环方法 Javascript中的遍历循环 对于数值索引的数组来说,可以使用标准的for循环来遍历值 const arr=[1,2,3,4]; for(let i=0;i;i++){ console.log(i); } for...in循环可以用来遍历...