關于console的小技巧

luqiuwen 發布于2019-08-22 16:41 / 403人閱讀

摘要：判斷第一個參數是否為真，的話拋出異常并且在控制臺輸出相應信息。以參數為標識記錄調用的次數，調用時在控制臺打印標識以及調用次數。如果可以，打印元素表示的指定對象，或者對象視圖。接受一個參數作為標識，結束特定的計時器。

我們在寫代碼的時候，偶爾會打印出后端傳過來的信息，然后根據信息寫我們的html代碼，本來以為console.log就可以了，但是偶然又發現了console是有家族的，這說明了系統看文檔的重要性與好處。

Console.assert()

判斷第一個參數是否為真，false的話拋出異常并且在控制臺輸出相應信息。

Console.clear()

清空控制臺。

Console.count()

以參數為標識記錄調用的次數，調用時在控制臺打印標識以及調用次數。

Console.debug()

console.log方法的別稱，使用方法可以參考Console.log()

Console.dir()

打印一條以三角形符號開頭的語句，可以點擊三角展開查看對象的屬性。

Console.dirxml()

如果可以，打印 XML/HTML 元素表示的指定對象，或者 JavaScript 對象視圖。

Console.error()

打印一條錯誤信息，使用方法可以參考 string substitution。

Console._exception()

error方法的別稱，使用方法參考 Console.error()

Console.group()

打印樹狀結構，配合groupCollapsed以及groupEnd方法;

Console.groupCollapsed()

創建一個新的內聯 group。使用方法和group相同，不同的是groupCollapsed打印出來的內容默認是折疊的。

Console.groupEnd()

結束當前Tree

Console.info()

打印以感嘆號字符開始的信息，使用方法和log相同

Console.log()

打印字符串，使用方法比較類似C的printf格式輸出，可參考 string substitution 。

Console.profile()

可以以第一個參數為標識，開始javascript執行過程的數據收集。和chrome控制臺選項開Profiles比較類似，具體可參考chrome profiles

Console.profileEnd()

配合profile方法，作為數據收集的結束。

Console.table()

將數據打印成表格。Console.table [en-US]

Console.time()

計時器，接受一個參數作為標識。

Console.timeEnd()

接受一個參數作為標識，結束特定的計時器。

Console.timeStamp()

添加一個標記到瀏覽器的 Timeline 或 Waterfall 工具.

Console.trace()

打印stack trace.

Console.warn()

打印一個警告信息，使用方法可以參考 string substitution。

先挖個坑，再來填

參考鏈接https://developer.mozilla.org...

GPU云服務器云服務器關于區塊鏈的小故事關于云計算的小故事關于網絡安全的小知識關于中文域名的銷售技巧

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/94571.html

使用 javascript 的小技巧

摘要：與條件判斷一般我們判斷或用如果我們有更多水果與去重提供了新的數據結構。所以所有的關于數據的操作，都可以用函數式的方式處理。這樣做的可讀性遠遠高于嵌套一大堆的函數調用我們選擇一些函數，讓它們結合，生成一個嶄新的函數。 1、Array.includes 與條件判斷一般我們判斷或用 || // condition function test(fruit) { if (fruit...

econi 2019-08-23 14:57 評論0 收藏0
JS 中可以提升幸福度的小技巧

本文主要介紹一些JS中用到的小技巧，可以在日常Coding中提升幸福度，將不定期更新~ 1. 類型強制轉換 1.1 string強制轉換為數字可以用*1來轉化為數字(實際上是調用.valueOf方法)然后使用Number.isNaN來判斷是否為NaN，或者使用 a !== a 來判斷是否為NaN，因為 NaN !== NaN 32 * 1 // 32 ds * 1 ...

tain335 2019-08-22 11:16 評論0 收藏0
原生javascript的一些好用的小技巧1

摘要：以下我經常用，又總是記不住的幾個方法轉成數組形式獲取中的內容關鍵在頁面標簽加載完成事件關鍵在阻止瀏覽器事件默認行為關鍵，記憶方法阻止事件冒泡關鍵，記憶方法數組的幾個常用方法是數組的每一項如的下標，每一個元素的順序等同于一個單純的循環可以對進以下我經常用，又總是記不住的幾個方法 document.querySelectorAll 轉成數組形式； [].slice.call(docume...

qujian 2019-08-21 17:47 評論0 收藏0
ES6+好用的小技巧，讓你的代碼更干凈，短巧，易讀

摘要：模板字符串擴展操作符操作符，有兩個主要用處復制一個新的數組或對象把多個參數賦值給一個數組變量把一個數組變量賦值給多個參數是一個新的數組，內容和一樣合并對象屬性，后邊的屬性會覆蓋前邊的，可用于修改對象的某個屬性值輸出默認參數給方法添加默認參模板字符串 let name = siri, age = 18, job = front-end engineer let oldStr = Hi,...

sanyang 2019-08-23 15:07 評論0 收藏0
七個 JavaScript 實用小技巧

摘要：接下來先介紹七個馬上就能用起來的小技巧。老實講，文章所說的小技巧大部分都是新增的語法特性，，或者說已經發布好些年頭，這些特性大家可能已經非常熟識。，對象合并，不多說，大部分場景可以取代。作者：@davidwalshblog原文：7 Useful JavaScript Tricks 和許多其他語言一樣，JavaScript 也需要靠很多小技巧去完成各種不同的事情。有的可能早已經廣為人...

Lin_YT 2019-08-23 17:16 評論0 收藏0