javascript教程：console.log 详解

对应WEB程序员，console.log 可以说是神器，极大地方便了程序开发。程序猿：学习了，用Console写日志比alert方便多了。
console.log(object[, object, ...])
javascript教程 在控制台输出一条消息。如果有多个参数，输出时会用空格隔开这些参数。
第一个参数可以是一个包含格式化占位符输出的字符串，例如：
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.log 详解

javascript教程：console.log 详解相关推荐

console.log详解
console.log方法用于在控制台输出信息.它可以接受一个或多个参数,将它们连接起来输出. console.log('Hello World') // Hello World console.lo ...
你所不知道的console.log()（console.log详解）
console.log,作为一个前端开发者,想必每天都会用它来做分析调试,但这个简单函数背后你所不知道的一面,很多人未必使用过,有一些也是很方便使用的基础首先,简单科普这个函数的作用.前端开发者可 ...
Javascript常用的设计模式详解
Javascript常用的设计模式详解阅读目录一:理解工厂模式二:理解单体模式三:理解模块模式四:理解代理模式五:理解职责链模式六:命令模式的理解: 七:模板方法模式八:理解javas ...
Javascript this关键字指向详解
Javascript this关键字指向详解面向对象语言中 this 表示当前对象的一个引用.在 JavaScript 中 this 不是固定不变的,它会随着执行环境的改变而改变. 1) 单独使用 ...
JavaScript Promise返回值详解
JavaScript Promise返回值详解 Promise回顾 Promise回调函数返回非Promise值 Promise回调函数返回Promise对象 Promise回调函数中抛出错误总结 ...
【JavaScript】类数组详解
[JavaScript]类数组详解文章目录 [JavaScript]类数组详解什么是类数组类数组转换成数组 ES6 的方法转数组 callee属性箭头函数没有arguments HTMLCol ...
众望所归的《JAVASCRIPT凌厉开发--EXT详解与实践》终于上市了！
大家好,我是这本书的策划编辑,经过努力,这本书终于上市了. 从创作开始,我们的目标就是写一本真正适合开发者参考和借鉴的EXT书,写作过程中,经过了无数次讨论和痛苦修订,感谢三位作者付出的艰辛劳动. 这 ...
mysql 实例复制_MYSQL教程MySQL 复制详解及简单实例
<MysqL教程MysqL 复制详解及简单实例>要点: 本文介绍了MysqL教程MysqL 复制详解及简单实例,希望对您有用.如果有疑问,可以联系我们. MysqL 复制详解及简单实例主 ...
linux nginx编译详解,Linux下nginx编译安装教程和编译参数详解
这篇文章主要介绍了Linux下nginx编译安装教程和编译参数详解,需要的朋友可以参考下一.必要软件准备 1.安装pcre 为了支持rewrite功能,我们需要安装pcre 复制代码代码如下:# ...

javascript教程：console.log 详解

javascript教程：console.log 详解相关推荐

最新文章

热门文章