1. 程式人生 > >console 速查手冊

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(); 複製程式碼