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

JSLint簡介
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 與這些工具的重要區別在於其更加註重靜態代碼格式的檢測,而這也正是當前火熱的敏捷開發中持續構建所須要和提倡的。
Eclipse安裝JSLint插件的幾種方法
筆者在安裝JSLint的時候參考了網上的幾種方法,現整理以下:
方法一:javascript

  
  
           
  
  
  1. Step One: Open Eclipse up on your machine and go to ‘Help’ -> ‘Install New Software’ 
  2. Step Two: Click ‘add’ and to stuff the location with the following link:  
  3. https://svn.codespot.com/a/eclipselabs.org/mobile-web-development-with-phonegap/tags/jslint4java1/download then click ‘ok’. 
  4. Step Three: Selecting ‘Javascript Development Tools’ and ‘jslint4java’ and click next. 


方法二:java

  
  
           
  
  
  1. Step One: Download jslint4java 
  2. Step Two: Put jslint4java.jar somewhere 
  3. Step Three: Add an external tool configuration in Eclipse: 
  4.                    Location: /usr/bin/java(or your path to javaw.exe) 
  5.                    Arguments: -jar /path/to/jslint4java.jar ${resource_loc} 


方法三:web

  
  
           
  
  
  1. 1. Help -> Install new software 
  2. 2. Click the 'Add' button 
  3.     Name : Rockstar Apps (or whatever you want) 
  4.     Location : http://update.rockstarapps.com/site.xml 
  5. 3. expend the selection and check Rockstar JsLint 
  6. 4. Click 'Next'...again 
  7. 5. Accept and install 
  8.     (you'll have to hit okay when it prompts you about installing unsigned content). 
  9. 6. Restart Eclipse... 


資料參考
一、http://www.ibm.com/developerworks/cn/web/1105_linlin_jslint/ 
二、http://stackoverflow.com/questions/2741058/jslint-eclipse-plugin
三、http://www.andyjamesdavies.com/javascript/installing-jslint-on-eclipse-ide 瀏覽器

相關文章
相關標籤/搜索