天天看點

在Eclipse中使用JSLint保證JavaScript代碼品質

  JavaScript 作為一門文法靈活多變且對格式要求相對松散的語言,代碼格式的混亂和某些語言特性的不正确使用,往往使得最終傳遞的産品中包含許多因編碼風格約定造成的未預見的行為或錯誤,這種習慣性的問題如果不及時指出并修改,往往會在項目的疊代過程中不斷的重制,嚴重影響 Web 産品的穩定性與安全性。

  JSLint 正是 Douglas Crockford 為解決此類問題建立的工具,JSLint 除了能指出這些不合理的約定,還能标出結構方面的問題。雖然 JSLint 不能保證代碼邏輯一定正确,但卻有助于發現錯誤并教會開發人員一些好的編碼實踐。值得一提的是 JSLint 工具本身也是一段 JavaScript 代碼,它是檢驗 JavaScript 代碼品質的 JavaScript 腳本。

  JSLint 對 JavaScript 腳本的品質檢測主要包括以下幾個方面:

檢測文法錯誤:例如大括号“{}”的配對錯誤。

變量定義規範:例如未定義變量的檢測。

代碼格式規範:例如句末分号的缺失。

蹩腳語言特性的使用檢測:如 eval 和 with 的使用限制。

  目前,與 JSLint 功能類似的 JavaScript 代碼檢測工具有很多,包括:YUI Test、Firebug、MS Script Debugger 、CompanionJS 等等,它們中大多數都是以浏覽器插件的形式存在于用戶端浏覽器進行 JavaScript 運作時的檢測和調試,JSLint 與這些工具的重要差別在于其更加注重靜态代碼格式的檢測,而這也正是目前火熱的靈活開發中持續建構所需要和提倡的。

  筆者在安裝JSLint的時候參考了網上的幾種方法,現整理如下:

  方法一:

  方法二:

  方法三:

<a href="http://www.cnblogs.com/lhb25/archive/2011/06/20/must-read-links-for-web-designers-and-developers-volume-1.html" target="_blank">Web開發人員和設計師必讀文章推薦【系列一】</a>

<a href="http://www.cnblogs.com/lhb25/archive/2011/07/13/must-read-links-for-web-designers-and-developers-volume-2.html" target="_blank">Web開發人員和設計師必讀文章推薦【系列二】</a>

<a href="http://www.cnblogs.com/lhb25/archive/2011/08/31/must-read-links-for-web-designers-and-developers-volume-3.html" target="_blank">Web開發人員和設計師必讀文章推薦【系列三】</a>

<a href="http://www.cnblogs.com/lhb25/archive/2011/09/19/must-read-links-for-web-designers-and-developers-volume-4.html" target="_blank">Web開發人員和設計師必讀文章推薦【系列四】</a>

<a href="http://www.cnblogs.com/lhb25/archive/2011/11/11/must-read-links-for-web-designers-and-developers-volume-5.html" target="_blank">Web開發人員和設計師必讀文章推薦【系列五】</a>

<a href="http://www.cnblogs.com/lhb25/archive/2011/12/06/must-read-links-for-web-designers-and-developers-volume-6.html" target="_blank">Web開發人員和設計師必讀文章推薦【系列六】</a>

歡迎任何形式的轉載,但請務必注明出處。