InterAKT提供的JSEclipse是最先進的Javascrīpt編輯器之一。JSEclipse是針對Eclipse開發平臺的免費插件。它支持的功能有:代碼完成、大綱瀏覽、錯誤報告、代碼換行,等等。
多虧了Eclipse的插件架構,JSEclipse的安裝非常簡單。選擇Help→Software Updates→Find and Install,打開Eclipse的插件安裝嚮導。選擇Search for new features to install並單擊Next。
現在,Install窗口就應該出現了。單擊New Remote Site按鈕,並在彈出窗口的Name文本框中輸入InterAKT Online,在URL文本框中輸入http://www.interaktonline.com/,然後單擊OK按鈕。現在,安裝窗口應該如圖2-1所示,其列表中應該包含InterAKT Online。
需要注意的是,JSEclipse需要Java 1.5或更高版本。對餘下的安裝步驟統統單擊Next就可完成JSEclipse的安裝。之後,重新啓動Eclipse,確保插件安裝正確。
圖2-1 把InterAKT Online添加爲遠程站點後的Eclipse Install窗口
安裝好JSEclipse之後,就可以開始編寫Javascrīpt了。JSEclipse把所有以.js爲擴展名的文件都識別爲Javascrīpt源文件。選擇File→New→File,並輸入一個以.js結尾的文件名,就可以創建一個新的Javascrīpt源文件。創建好新的Javascrīpt源文件後,就可以開始編寫Javascrīpt代碼了。
在JSEclipse中編輯Javascrīpt時,你首先會注意到的就是它所提供的Javascrīpt關鍵字突出顯示功能。同樣需要注意的是,Outline視圖中會包含Javascrīpt代碼的大綱,顯示出源文件中定義的對象所包含的方法。
圖2-2展示了在JSEclipse打開的Javascrīpt源文件。項目中有兩個Javascrīpt文件:Department.js和Employee.js。在源代碼編輯器中打開的是Employee.js文件。在窗口左端的Navigator面板中的Javascrīpt文件有它們自己的圖標,當前打開的源代碼的大綱被展示在窗口右端的Outline面板中。
JSEclipse能做的不僅僅是這些。就像之前討論過的那樣,一直以來最具生產力的功能之一就是智能代碼完成。JSEclipse爲用戶自定義的Javascrīpt對象提供了智能代碼完成功能。圖2-3演示了這種代碼完成功能。Department.js文件含有一個簡單的函數用來創建Employee對象的一個實例。然後,可通過圓點符號獲得這個對象的方法。當鍵入圓點符號時,JSEclipse會自動顯示代碼完成窗口。
圖2-2 JSEclipse源代碼編輯器
圖2-3 JSEclipse提供對Javascrīpt對象的代碼完成
JSEclipse也提供對內置的Javascrīpt對象的代碼完成,如Date、String、document和window,等等。
JSEclipse還提供擴展其自帶的代碼完成功能的方法。可以編寫一個簡單的XML文件,在其中定義對某個類型的對象應該出現的代碼完成列表。事實上,默認的JSEclipse發行版本就使用XML文件定義其對內置Javascrīpt對象的代碼完成。代碼清單2-1列出了object.xml文件的內容,這個文件就定義了對基本Javascrīpt對象的代碼完成。
代碼清單2-1 object.xml爲基本Javascrīpt對象定義代碼完成
這個object.xml文件放在JSEclipse安裝目錄的library目錄中。在這個目錄中,還可以找到定義了各種Javascrīpt對象的代碼完成的XML文件。可以修改這些文件來滿足你的需要。更妙的是,可以創建自己的XML文件,描述你已經編寫好的Javascrīpt文件。可以爲在你的組織中共享的JavaScirpt文件編寫一組XML文件來提供代碼完成功能。JSEclipse的幫助中給出了一個創建自定義的代碼完成庫的很好的例子。打開Eclipse的Help菜單並找到JSEclipse extending the code completion一節,就可以訪問到這個教程。
JSEclipse是一款強大的Javascrīpt編輯器,它可以簡化Javascrīpt的開發。隨着Ajax和Javascrīpt變得越來越主流,開發工具會變得越來越完善,但是從目前來看,JSEclipse是Javascrīpt編輯器的不二之選。