1. 程式人生 > >js控制臺不同的打印方式

js控制臺不同的打印方式

技術分享 div src color com 對象 ges ror 信息

在控制臺單個輸出:
  console.log(...):值
  console.info(...):信息
  console.debug(...):調試信息
  console.warn(...):警告信息

console.log("1");//值
console.info("1");//信息
console.debug("1");//調試信息
console.warn("1");//警告信息
console.error("1");//錯誤信息

占位符:
  %d:整數
  %f:浮點數
  %s:字符串
  %o:對象

console.log("%d年%d月%d日",2014,5,24);//
2014年5月24日 console.log("%d年%s月%d日",2014,"5",24);//2014年5月24日

在控制臺分組輸出:
  console.group(...)和console.groupEnd()中間的輸出表示一組。

console.group("第一組");
console.log("101");
console.log("102");
console.log("103");
console.groupEnd();

在控制臺顯示如下:

技術分享

顯示對象的屬性和方法:
  console.dir(...)

例如:

技術分享

顯示代碼運行時間:
  console.time(...)和console.timeEnd(...)

console.time("test");

for(var i=0;i<100000;i++){}

console.timeEnd("test");

結果如下:

技術分享

js控制臺不同的打印方式