《HTML5canvas開發詳解（第2版）》——1.7　用console.log除錯

本節書摘來自非同步社群《HTML5 canvas開發詳解（第2版）》一書中的第1章，第1.7節,作者： 【美】Steve Fulton , Jeff Fulton 更多章節內容可以訪問雲棲社群“非同步社群”公眾號檢視。

1.7　用console.log除錯

在超越“Hello World!”去探索更強大更豐富的內容前，還有些內容需要討論。本書通過使用現代Web瀏覽器的console.log功能實現了一個簡單的除錯方法。這個函式可以通過程式碼在JavaScript控制檯中記錄文字資訊日誌，從而可以幫助使用者找出問題（或者機會）。每個瀏覽器都有一個可以使用console.log的JavaScript控制檯（Chrome、Opera、Safari、安裝Firebug的Firefox等）。同時，那些不支援console.log的瀏覽器將彈出討厭的錯誤提示。

為了處理這個錯誤，可以用一個外殼將console.log包裝一下，使其只在瀏覽器支援的情況下被呼叫。這個外殼建立了一個名叫Debugger的類，然後建立一個在任何位置都可以被呼叫的Debugger.log靜態函式，如下所示。

Debugger.log("Drawing Canvas");

以下是console.log()函式的程式碼。

var Debugger = function (){ };
Debugger.log = function (message){
　 try {
　　　console.log(message);
　 } catch (exception){
　　　return;
　 }
}