首页 > 代码库 > console.log 最佳实践

console.log 最佳实践

先给出个console大全贴
http://javascript.ruanyifeng.com/tool/console.html
* console.info()和console.debug()都是console.log方法的别名,它们完全一样。
* warn方法和error方法也是输出信息,它们与log方法的不同之处在于,warn方法输出信息时,在最前面加一个黄色三角,表示警告;error方法输出信息时,在最前面加一个红色的叉,表示出错。其他用法都一样。
 
平日里,console.log就是当成stdout来打印打印js的变量用,其实还是有些酷酷的玩法。

看看console.log的API有哪些:
%s     :Formats the value as a string.
如图所示,格式化输出字符串,超出部分就会衔接在末尾
技术分享
 
%d or %i    :Formats the value as an integer.
如图所示,格式化输出整型
技术分享
计算机做的是截取整数位(和计算机精度有关),而不是四舍五入
技术分享
技术分享
 
%f      :Formats the value as a floating point value.
如图所示,格式化输出浮点数
技术分享
*‘undefined‘是console.log的返回值
 
%c     :Formats the output string according to CSS styles you provide.
如图所示,可以自定义css样式输出
技术分享
除了玩文字,还可以玩图片,嘿嘿
 技术分享
 
%o     :Formats the value as an expandable DOM element (as in the Elements panel).
如图所示,将一个DOM元素进行html展开
技术分享
 
%O    :Formats the value as an expandable JavaScript object.
如图所示,将一个js对象进行树状展开
技术分享

来点轻松的,
百度的console.log:
技术分享
 技术分享
 

 
 

console.log 最佳实践