1. 程式人生 > >console那些你不曾知道的玩法

console那些你不曾知道的玩法

bsp back 兩個 ext ring 打印 使用 css樣式 error

一、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那些你不曾知道的玩法