九個Console命令，讓js調試更簡單

標籤：end   節點   已耗用時間   網頁   splay   錯誤資訊   集中   效果   nod   

一、 顯示資訊的命令

最常用的就是console.log了。

二、 預留位置

console上述的集中度支援printf的預留位置格式，支援的預留位置有：字元（%s）、整數（%d或%i）、浮點數（%f）和對象（%o）

效果：

三、 資訊分組

效果：

四、 查看對象的資訊

console.dir()可以顯示一個對象所有的屬性和方法。

效果：

五、 顯示某個節點的內容

console.dirxml()用來顯示網頁的某個節點（node）所包含的html/xml代碼。

效果：

六、 判斷變數是否是真

console.assert()用來判斷一個運算式或變數是否為真。如果結果為否，則在控制台輸出一條相應資訊，並且拋出一個異常。

1是非0值，是真；而第二個判斷是假，在控制台顯示錯誤資訊

七、 追蹤函數的調用軌跡。

console.trace()用來追蹤函數的調用軌跡。

控制台輸出資訊：

八、 計時功能

console.time()和console.timeEnd()，用來顯示代碼的已耗用時間。

已耗用時間是38.84ms

九、 console.profile() 的效能分析

效能分析（Profiler）就是剖析器各個部分的已耗用時間，找出瓶頸所在，使用的方法是console.profile()。

輸出

本文dwqs  轉載連結：https://github.com/dwqs/blog/issues/32

九個Console命令，讓js調試更簡單