码迷,mamicode.com
首页 > 其他好文 > 详细

console那些你不曾知道的玩法

时间:2018-02-18 16:43:52      阅读:204      评论:0      收藏:0      [点我收藏+]

标签:输出   计算   分享   bsp   ati   错误   function   属性   back   

一、console最常见的四种方法:

FireFox(58) Chrome(51)
技术分享图片 技术分享图片

 

 

 

 

 

 

 

二、打印对象:

平时想输出对象属性时,可以直接打印对象,对Object使用toString方法会得到 [Object Object]

技术分享图片

浏览器环境中console自带的两个方法:

 ① console.table( obj ):将对象中的键/值以表格形式输出(Node环境不支持)

技术分享图片

② console.dir( obj ):将对象中的键/值以列表形式输出(Node环境不支持)

技术分享图片

Node环境下:使用util模块中的inspect方法

var util = require("util");
  ...
console.log( util.inspect(person) ); //输出{ name: ‘kuro-p‘, age: 23 
//util.inspect(person, true); 输出格式化后的对象

三、好用的调试方法

var fs = require("fs");

console.time(
"计算执行时常"); fs.readFile(‘../../test.txt‘,function(err,content){ if(err) throw new Error(‘发生错误,读取失败‘); console.log(‘content:‘,content.toString()); console.timeEnd("计算执行时常"); //输出计算执行时常: 7.770ms });

四、console.log那些奇葩使用

1. 输出变量:可以直接用逗号连接

技术分享图片

 2. 占位符:

占位符 描述
%s 字符串
%d %i 整数
%f 浮点数
%o %O Object对象
%c css样式
\n 换行

 

 

 

 

 

 

 

for example:

技术分享图片

技术分享图片

五、推荐链接

segmentfault:你真的了解console吗

从console.log说起(上)

从console.log说起(下)

console那些你不曾知道的玩法

标签:输出   计算   分享   bsp   ati   错误   function   属性   back   

原文地址:https://www.cnblogs.com/Kuro-P/p/8452867.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!