對console物件上的屬性和方法的歸納

控制檯列印：

console物件上，5種用來顯示資訊的方法：

  console.log("這是console.log");        
  console.info("這是console.info");    
  console.debug("這是console.debug");   
  console.warn("這是console.warn");   
  console.error("這是console.error");  

列印結果：

佔位符 :

console.log("%d年%d月%d日",2021,12,30);
console.log("圓周率是%f",3.1415926535);
var you = {
    age:18,
    money:'18億'
}
console.log("%o",you);

列印結果：

分組顯示 點選組標題，該組資訊會摺疊或展開

console.group("第一組資訊");
　　console.log("第一組第1條");
　　console.log("第一組第2條");
console.groupEnd();

console.group("第二組資訊");
　　console.log("第二組第1條");
　　console.log("第二組第2條");
console.groupEnd();
 

列印結果：

console.dir()

console.dir()可以顯示一個物件所有的屬性和方法。

var you = {
    age:18,
    money:'18億'
}
console.dir(you);

列印結果：

console.dirxml()

console.dirxml()用來顯示網頁的某個節點（node）所包含的html/xml程式碼。

console.dirxml(document.getElementById("top_nav"));

列印結果：

console.assert()

console.assert()用來判斷一個表示式或變數是否為真。如果結果為否，則在控制檯輸出一條相應資訊，並且丟擲一個異常。

var age = 0;

console.assert( age );

var year = 1998;

console.assert(year == 2021 );

列印結果：

console.trace()

console.trace()用來追蹤函式的呼叫軌跡。

　function add(a,b){
　　　　console.trace();
　　　　return a+b;
　　}
var x = add3(1,1);
function add3(a,b){return add2(a,b);}
function add2(a,b){return add1(a,b);}
function add1(a,b){return add(a,b);}

列印結果：

console.table 將資料內容以表格的形式進行展示

var data = [{"name": "Bob","age": 8},{"name": "Roce","age": 15},{"name": "Blu","age": 10}];
console.table(data);

列印結果：

計時功能

console.time()和console.timeEnd()，用來顯示程式碼的執行時間。

console.time("計時器一");
　　for(var i=0;i<1000;i++){
　　　　for(var j=0;j<1000;j++){}
　　}
console.timeEnd("計時器一");

列印結果：

效能分析

效能分析（Profiler）就是分析程式各個部分的執行時間，找出瓶頸所在，使用的方法是console.profile()。
在需要開始profile的地方插入console.profile()，在結束profile的地方插入console.profileEnd()即可。

參考文件:https://www.cnblogs.com/kiter/p/3943342.html