寫好 JavaScript

寫在前面

代碼就是程序員的名片，有很普通的代碼，也有靈巧的、縝密的、讓人眼前一亮的。有的代碼看着就舒服，有的代碼作者自己都看不下去……

一.JavaScript 代碼風格

代碼風格是代碼的衣服，乾淨整潔自然看着就舒服。每一個空格、每一處換行、每一行註釋都應該是為了更好的可讀性。

代碼是寫給人看的，附帶可以在機器上運行

代碼風格直接影響到可讀性、可維護性，越簡單易讀的代碼越容易維護

Keep It Simple Stupid

晦澀簡短的代碼是完全沒有必要出現的，比如嵌套三目運算符，節省幾個字節的代價是以後的每一個讀者都將花費 1 分鐘去理解它

代碼風格包括：

• 基本格式（縮進、行寬、命名規則等等）

• 註釋格式

• 語句和表達式

• 變量、函數、操作符

詳細內容請查看 [黯羽輕揚：JS 代碼風格指南](/articles/js 代碼風格指南/)，附有範例

二.JavaScript 編程常識

想要寫出更好維護的代碼，知道了代碼風格還不夠，還需要牢記這些編程常識：

• 保證 UI 層的鬆耦合

• 控制全局變量

• 添加事件處理邏輯

• 檢測數據類型

• 分離配置數據

• 拋出自定義錯誤

• 尊重對象所有權

• 進行瀏覽器檢測

詳細內容請查看 [黯羽輕揚：JS 編程常識](/articles/js 編程常識/)

三.JavaScript 自動化

JS 自動化是前端工程化的縮影，使用自動化工具也能提高可維護性，一些容易出錯的繁瑣工作可以放心交給工具來做

進行 JavaScript 自動化時，應該明確：

• 自動化的優缺點

• 文件目錄結構

• 自動化的步驟

詳細內容請查看 [黯羽輕揚：JS 自動化](/articles/js 自動化/)

書評

[caption id="attachment_742" align="alignnone" width="318"] Maintainable_JavaScript[/caption]

《Maintainable JavaScript》，薄薄 200 頁，一本很不錯的書