1. 程式人生 > 其它 >console中常用的幾個方法

console中常用的幾個方法

1. console.log 輸出內容

通常用來在控制檯輸出內容,一般用作檢視資料或者檢查錯誤

 var a = 100;
 console.log(a);
 console.log(123456);

2. console.dir 

注意:這個跟console.log很像; console.log()會將dom元素以HTML的形式輸出,而console.dir()則是以JSON物件的形式輸出

    var arr = [1,2,3];
    var obj = {a:1,b:2}
    console.log(arr,obj);  // 返回資料
    console.dir(obj); //
返回 console.dir(arr);

 3. console.debug()、 console.info()、 console.warn()、 console.error()

這四個方法和console.log()一模一樣,差別在於輸出的顏色與圖示不相同

    var arr = [1,2,3];
    var obj = {a:1,b:2}
    console.info(arr);
    console.warn(arr);
    console.error(arr);

4. console.table 

以表格形式輸出物件,巢狀三層及以上的也會以表格的形式輸出,但限於表格只能顯示二維資訊的特點,其會在巢狀三層的地方顯示‘Object’字串

    var arr = [1,2,3];
    console.table(arr);
 

 5. console.time()、console.timeEnd() 

除錯時測試程式碼執行時間,console.time()作為測試程式碼開始的節點,console.timeEnd()作為測試程式碼結束的節點,輸出結果就是執行開始節點到結束節點的時間,單位為毫秒(ms)

    console.time('Time');
    var arr = [];
    for(var i=0;i<=10000;i++){
        arr.push(i);
    }
    console.timeEnd(
'Time');

 6. console.count  獲取一段程式碼執行的次數

    for(var i=0;i<=10;i++){
        console.count('i')
    }