console 速查手冊
阿新 • • 發佈:2018-11-23
// 用於輸出一個 js 物件列表* console.log(obj1 [, obj2, ..., objN);
//
// 一個 js 字串,其中包含0或多個不同型別的替代字串
// console.log('String: %s, Int: %d,Float: %f, Object: %o', str, ints, // floats, obj)
//
// 也支援模板字串
// console.log(`temp的值為: ${temp}`)
console.log()/console.debug();
// assertion 為一個布林表示式,如果 assertion 為 false,瀏覽器環境會向控制態輸 // 出傳入的內容,不中斷程式碼執行,node 環境會導致一個 AssertionError 被丟擲
// 中斷執行程式碼
// obj1 [, obj2, ..., objN] 為輸出的錯誤提示內容
// msg [, subst1, ..., substN] 同上.log()註釋中介紹
// console.assert(assertion, obj1 [, obj2, ..., objN]);
// console.assert(assertion, msg [, subst1, ..., substN]);
console.assert();
// 清空控制檯
// 非標準 JS 介面,儘量不要在生產環境使用
// 控制檯顯示的內容將會被一些資訊替換,比如‘Console was cleared’這樣的資訊。
// 需要的注意的一點是在Google Chrome瀏覽器中,如果使用者在設定中勾選了“Preserve // log”選項,console.clear()將不會起作用。
console.clear();
// 如果有 label,此函式輸出為那個指定的 label 和 count() 被呼叫的次數。
// 如果 label 被忽略,此函式輸出 count() 在其所處位置上被呼叫的次數。
console.count([label]);
// 在控制檯中顯示指定JavaScript物件的屬性,並通過類似檔案樹樣式的互動列表顯示
console.dir(object);
// obj1 ... objN 要輸出的 JavaScript 物件列表。 這些物件的字串形式按順序加起
// 來然後輸出。
// msg 一個字串,它包含零個或多個替代字串。
// subst1 ... substN JavaScript 物件可以用此來替換msg裡的替代字串。你可以
// 控制輸出的格式。
console.error()/console._exception();
// 向 Web 控制檯輸出一條警告資訊。
// console.warn(obj1 [, obj2, ..., objN]);
// console.warn(msg [, subst1, ..., substN]);
// obj1 ... objN 要輸出的 JavaScript 物件列表。 這些物件的字串形式按順序加起
// 來然後輸出。
// msg 一個字串,它包含零個或多個替代字串。
// subst1 ... substN JavaScript 物件可以用此來替換msg裡的替代字串。你可以
// 控制輸出的格式。
console.warn();
//向Web控制檯輸出一個堆疊跟蹤.
console.trace();
// 非標準 JS 介面,儘量不要在生產環境使用
// 向瀏覽器的 Performance 或者 Waterfall 工具新增一個標記。這樣可以讓你將程式碼中
// 的一個點和其他在時間軸上已記錄的事件相關聯,例如佈局事件和繪製事件等。
// 你可以選擇用一個引數來作為時間戳標籤,然後標記旁邊就會顯示這個標籤。
console.timeStamp([label]);
// 你可以啟動一個計時器(timer)來跟蹤某一個操作的佔用時長。每一個計時器必須擁有
// 唯一的名字,頁面中最多能同時執行10,000個計時器。當以此計時器名字為引數呼叫
// console.timeEnd() 時,瀏覽器將以毫秒為單位,輸出對應計時器所經過的時間.
console.time(timeName);
console.timeEnd(timeName);
// 將資料以表格的形式顯示
// 這個方法接收一個強制的引數,它必須是一個數組或者是一個物件,還可以接受一個額外的
// 引數描述表格的列數。
// 它把資料以table的形式打印出來, 在陣列中的每一個元素(或物件中可列舉的屬性)將會
// 以行的形式顯示在table中。
// table的第一列是index。如果資料是一個數組,那麼值就是索引。 如果資料是一個物件,
// 那麼它的值就是屬性名稱。 注意(在FireFox中)console.table 被限制了不能顯示超
// 過1000行(第一行用來標記索引)。
console.table(data [, columns]);
// 向web控制檯輸出一個通知資訊。在Firefox和Chrome中,web控制檯的日誌中的專案旁邊
// 會顯示一個小的‘I‘圖示
// console.info(obj1 [, obj2, ..., objN]);
// console.info(msg [, subst1, ..., substN]);
// obj1 ... objN 要輸出的 JavaScript 物件列表。 這些物件的字串形式按順序加起
// 來然後輸出。
// msg 一個字串,它包含零個或多個替代字串。
// subst1 ... substN JavaScript 物件可以用此來替換msg裡的替代字串。你可以
// 控制輸出的格式。
console.info();
console.profile();
console.profileEnd();
// 在 Web控制檯上建立一個新的分組.隨後輸出到控制檯上的內容都會被新增一個縮排,表示該
// 內容屬於當前分組,直到呼叫console.groupEnd()之後,當前分組結束.
console.group();
console.groupEnd();
//和 console.group()方法的不同點是,新建的分組預設是摺疊的.使用者必須點選一個按鈕才
// 能將摺疊的內容開啟.
console.groupCollapsed();
複製程式碼