DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX詳解 >> 如何進行Javascript的編寫、調試
如何進行Javascript的編寫、調試
編輯:AJAX詳解     

應用Javascript做web開發正好整一年,為了紀念,所以想寫點東西,初步設想是把Javascript的設計、編寫、調試、文檔、測試都寫出來。現在開始介紹的關於 Javascript的編輯、調試。

Javascript是在浏覽器中運行的,地球人都知道可以在Html頁面中來一段,然後運行這個頁面,觀看結果如何。這篇回憶錄目的不在於介紹腳本段寫在哪裡,而在於介紹腳本的編寫方法和調試技巧。

下面是書說正傳。編輯Javascript有多種武器可供大家選擇,在這裡著重介紹三種。

  武器一:Eclipse。應用Eclipse的人數可以用so many來形容,Eclipse也被N多java程序員所喜愛。後來Ajax火了起來,Javascript的編寫受更多人的重視,我在一篇介紹AJax 的文章中碰到了JSEclipse。JSEclipse是Eclipse的一個針對Javascript編輯的插件,其安裝方法和我們經常應用的 Tomcat、Jboss的Eclipse插件一樣,其安裝方法不在此處煞述。安裝JSEclipse後,可能您會感慨:怎樣一個爽字了得!
 有了JSEclipse插件,編寫Javascript可以自動生成部分注釋,並且這些注釋可以用JSDoc生成文檔(關於用JSDoc生成文檔,我會在以後的文章中有介紹):

 
可以大量的Javascript和DOM的方法、屬性提示;看到了那個熟悉的紅色小差差了沒有,說明它有一定的語法檢查功能喲:

看 到這些,你可能會JSEclipse有一定的好感,因為其編寫Javascript的方便性就不用形容了。但是造物主總是公平了,它有華麗的外表,不一定 有高雅的內涵。應用Eclipse做Javascript程序開發時做程序的編輯可謂得心應手,但是調試起來就讓人痛苦不堪,因為除了到處用alert ()之外,別無它法,這也是最讓Javascript程序員頭痛的事情。何以解憂,唯有VS2005。

武器二:Visual Stdio 2005。Visual Stdio 2005大名鼎鼎,大家都是熟人了,就不用介紹姓甚名誰、個****好、宗教信仰、家庭住址……VS2005中編寫Javascript沒有在Eclipse 中那麼爽,沒有那麼多提示,也不能生成注釋文檔,但是其調試功能可以用“強悍”來形容。在VS2005的JS文件中可以設置斷點,並且可以動態的查詢變量 中的值,這個功能足足讓我興奮了好幾天。

武 器三:Snippet Compiler。如果說Eclipse和VS2005分別是自行火炮和地地導彈,那麼Snippet Compiler就是傳說中的中國54***了。Snippet Compiler是一個微型的編譯器,可以編譯vb.Net、C#和Javascript。我接觸它的時候,是因為VS2005過於沉重,每次編譯運行要 很長時間,Snippet Compiler對於代碼段的編譯顯得游刃有余。最初我一般用它做C#代碼段的編譯,後來發現它也運行Javascript代碼段的好工具。

尺有所長,寸有所短。總結一下各種武器的應用場景:

Eclipse:快速編寫javscript代碼的好工具;

VS2005:調試之用的工具;

Snippet Compiler:它名字诠釋了它的特點。

最 後,建議大家在編寫Javascript的時候最好每寫幾行就執行一下,看看是否存在錯誤。原因很簡單,如果你編寫了50行javscript代碼,其中 有個缺少“)”的錯誤,或者頁面只報告你有錯誤,但是整個頁面還能運行,那你就郁悶吧。當然遇到這種情況也有解決辦法,就是把這50行代碼全部注釋掉,然 後一部分、一部分的反注釋掉,達到排查出錯誤的目的。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved