《HTML5Canvas開發詳解》——1.6　用Console.log除錯

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

1.6　用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;
　 }
}