2013年6月13日 星期四

別用 console.log

許多前端工程師,在一開始開發 javascript 的時候,是使用
alert(123)
後來會聽到很多人會說,建議用 console.log(123) ,可以直接在 F12 (Console 模式) 中看到 123 這個結果。

使用 console.log 的好處有什麼呢?
  1. 少按一次 enter ,因為 alert 跳出來要按一次 enter
  2. 如果忘了把 console 砍掉,不會像 alert 會跳出來
使用 alert 的那好處有什麼呢?
  1. 如果忘了把 alert 砍掉,會有人自動的提醒你,可能是你的主管,也可能是使用者。聽起來不錯,也未必是件壞事
  2. 因為如果 console.log 忘了拿掉,30~60% 的 IE 使用者會完全無法使用!使用 alert 的話,至少使用者還可以使用。
認知很簡單:alert 忘了拿掉可能會讓你網站的營收降低(某些情況可能會升高...笑);而console 忘了拿掉營收可能會砍半。

所以要使用 console.log 一定要兩件保險的事:
1.  一定要包裝過:
var log = function(d){
    try {
        console.log(d);
    }catch(e){ }
};
2. 上線前把 log 都 comment 掉

如果你沒做上述兩件事,那還是改回用 alert 吧!