console中常用的幾個方法
阿新 • • 發佈:2022-05-30
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') }