JScript IntelliSense in Visual Studio Orcas

JScript IntelliSense in Visual Studio Orcas

Rate This
  • Comments 96

The March CTP of Visual Studio marks the debut of a much-requested and long-awaited feature: improved JScript IntelliSense.  We’ve been working on this for almost a year now and I’m pretty excited to finally be able to share it with the public.  There are a variety of topics I’d like to deep dive into, but for today let’s just take a quick aerial tour of the new features.

1. Proactive Completion List

Our old list was a bit lazy and only “awoke” when you typed a period while accessing a member.  Our new one is on-its-toes and is wired up to the language grammar.  Net effect: it comes up when you would expect it, and you can spend less time pressing ctrl+J. =)

2. Keywords in Completion List

In practice, you will spend half of your time typing keywords.  Now they’re part of the list.

3. ASP.NET AJAX Concepts in Completion List

We have new glyphs corresponding to objects and functions that have registered themselves as ASP.NET AJAX Namespaces, Classes, Interfaces, Properties, Enumerations, etc.  Since lists are usually long, this is particularly useful for quickly discovering that particular member you’re looking for.

The glyphs are aligned with the ones you would see in managed programming.  Vanilla fields and functions are now just marked as blue and magenta boxes respectively.

4. IntelliSense from Script Libraries for ASPX Pages

The cornerstone feature is the new ability to see objects and functions declared in external script files.  Note below that $addHandler was not defined in the current document:

How do we know which files you’re referencing?  We look for Script Managers (and Proxies), and infer what scripts it will bring into the page:

We look for the normal HTML script reference tags:

We also take into account any Master Pages that may contain any of the above.

5. IntelliSense from Script Libraries for JS Files

The example above works great for pages, but what if you’re in a JS file?  Since there’s no standard syntax, we decided on the following XML comment syntax (which you’ll see a parallelism in the next section):

The above declaration simply states that the current JS file should display IntelliSense including objects and functions declared in JScript1.js.  The following declaration references a script library embedded within an assembly (note the subtle usage of “name” instead of “path”):

If the “assembly” attribute is left out, we assume it to be the System.Web.Extensions assembly.  This keeps standard references to ASP.NET AJAX scripts succinct.

It’s worthwhile to remember that these declarations must be found at the top of the page before any script or any regular comments.  Additionally, these declarations are not used during the runtime in any way—they are for the editor only.

6. Enhanced Function and Parameter Tips

Function and parameter tips now have the ability to show ASP.NET AJAX type information as well as summaries.  This should help minimize context-switching when looking for documentation.  Tips appear both from the completion list:

…and underneath the function as you’re typing:

Where is this information coming from?  The editor simply reads the XML comments from the source code:

ASP.NET AJAX employs a XML documentation comment scheme akin to the .NET XML Documentation Comments.  As long as your sources are commented, we leverage them to display the additional information.  ASP.NET AJAX scripts and AJAX Control Toolkit scripts come in commented flavors.  For older files that don’t have these comments, we will still show at least the function name and parameter names.

7. Type Inferencing

A foundational feature enabling much of the IntelliSense is our ability to infer types across assignments between JScript variables—which are inherently type-less.  The JScript Team, our partner team, has a great post on this topic.  I’ll defer the discussion of this feature to them.

Summary

JScript IntelliSense is a (purposefully) subtle set of features.  I hope this introduction spotlights some of the functionality you might otherwise have missed and gets you up and running.  I’ll blog in more depth later.  For now, have fun playing with the March CTP and let us know what you think!

Jeff King
Program Manager
Visual Studio Web Tools

  • Hi Joel, by "validation" i meant syntax checking.

  • I had a great time this morning doing the closing keynote… I talked about how great, productive Ajax

  • Hi - I cant find your reply to JSP requesting intelliSense support for custom objects?

    I can't get that to work eigther.

    Can't find support for my html objects - That worked well in VS2005 (i.e: someTable.insertRow() or someObj.style.... - does not seem to work?)

    Missing intelliSense for normal things like window.showModalDialog...

    Finally I would like to be able to Collapse functions like normal VS programming.

  • var d = new Date()

    d.setFullYear(1992,10,3)

    There is no intelliSense for built in Date object

  • Comment/uncomment (ctrl+k+c) does not work in jscript files

  • JScript IntelliSense in Visual Studio Orcas (Your Websites, Our Passion!)より Orcas での JScript のインテリセンスサポートについて記述されています。

  • I came across a couple of great blog posts about details of the JavaScript support we can expect to see

  • Subscribe Download WMV. Show Notes: Orcas Beta 1. Javascript Intellisense. Javascript Debugging. http://blogs.msdn.com/webdevtools/archive/2007/03/02/jscript-intellisense-in-orcas.aspx

  • Subscribe Download WMV.View in Flash Show Notes: Orcas Beta 1.Javascript Intellisense.Javascript...

  • What about javascript that's embedded in custom controls? Are there any plans to have a look at the components that are referenced by the page and provide intellisense for javascript files that are embedded into the controls as web resources?

  • Subscribe Original URL: http://aspnetpodcast.com/CS11/blogs/asp.net_podcast/archive/2007/04/23/asp-net-podcast-show-89-javascript-intellisense-and-debugging-in-orcas-video-file.aspx

  • Xml documentation annotations are going to drive JavaScript IntelliSense in Visual Studio Orcas (the

  • I have not tested out some advanced JavaScript features with the Orcas CTP, but would like to know will it support truely private variables and private methods when you writing another private method?  ie.

    myObject = function() {

     var m_MyPrivateString = "This is private";

     function privateStringHasIs() {

       // code here

     }

     return {

       // public methods and/or variables

       showString : function() {

         alert( m_MyPrivateString );

       }

     }

    }

    So when I am building my object I want to have real access to the objects private methods and properties with intellisense.  

  • Bertrand Leroy , a Software development Engineer, from AJAX team is currently representing Microsoft

  • In February I did a blog post called My "First Look at Orcas" Presentation . It provided a good summary

Page 4 of 7 (96 items) «23456»