VS 2008 - JavaScript 的 Intellisense真的太聰明了

VS 2008 在 JavaScript 的 Interllisense 真的做的太棒了,這一點都不誇張,且看筆者慢慢道來,大家就會知道筆者為何這麼說了。

首先,基本的的 Interllisense 一定會,如輸入 fun 時會出現相關的提示,如下圖:

image

接著,宣告 var div = document.getElementById("div1");

若再輸入 div,它會提示 div 所可以使用的方法及屬性,如下方左邊的圖所示。

若我們再指定 div = 99;,再使用 div,這時它會判斷為數字型態可用的方法及屬性,如下方右邊的圖。這樣看起來是有一點點聰明了。

image image

接著,筆者引用一個 JS 檔,這個JS 檔內含一個 getDataOverNetwork() 的方法:

image image

各位可以由下圖看到 VS 2008 可以直接解析在 JS 檔中的方法,並提供 Interllisense功能。但這還不是筆者覺得最讚的功能,請再看下去。

image

這時的 Interllisense 功能可以提示我們要輸入一個路徑,但我們完全不知道這個方法的功能為何?要輸入的參數的型態為何?反回值的型態為何?

image

接下來的功能真的讓筆者不得不稱讚它。

我們在 JS 檔的加入 /// 開頭的註解,如下圖上方部份所示,儲檔後再回到 Default.aspx,如下圖下半部份所示,它會解析出目前這個方法的說明、輸入參數型態及回傳字串。有了這個功能,就不用再去看文件或是問同事那個 JavaScript 是在做什麼了,只有一個字形容:讚!

image

還可以直接引用 AJAX,如下圖:

image

也可以直接使用拖拉的方法,來引用另一個 JS 檔

image

若您是 JavaScript 的重度使用者,一定要試試看 VS 2008。

筆者的環境為 Vista + Visual Studio 2005 Team Suit w/ SP1 + Visual Studio 2008 Team Suite