console 速查手冊

// 用於輸出一個 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();
複製代碼