New JavaScript editing features for Web development in Visual Studio 11 Developer Preview

Description

VS2010 Behavior

Visual Studio 11 Developer Preview Behavior

ECMAScript 5 compliance

No

Yes. Visual Studio 11 Developer Preview fully supports ECMAScript 5.

Auto-reducing Statement Completion List

No

Yes, if the IntelliSense is automatically enabled when typing.

The following screen shots shows all the document’s statement completion items that contains character “al”:

Completion Hint shows function signature

No

Yes, making completion hint more helpful.

IE DOM IntelliSense

No, change DOM based on the current schema and is hard to upgrade.

Yes, will get IntelliSense from IE10’s DOM, which is implicitly referenced.

Implicit references (js file that is always referenced for editor IntelliSense)

No

Yes, through tools->option->Text Editor->JavaScript->IntelliSense->References, “implicit” reference group.

Immediate feedback on undefined objects (statement completion invoked on an undefined object shows a list of all identifiers in the file)

No

Yes, we call it identifier list, which should be helpful in many cases.

Ctrl+Shift+J to rebuild IntelliSense

Yes

IntelliSense is now automatically rebuild.

named function expressions

var a = function namedFunc() {

//position 1

}

//position 2

Show IntelliSense in both position1 and position2 due to inaccuracy of the engine.

Better engine accuracy, only showing IntelliSense in position 2.

The distinction is that named function expressions identifiers are only visible within the scope of the function expression itself.

Script Loader dynamically add loaded JavaScript file as reference

No

Yes. Engine load the dynamically loaded JavaScripts for reference.

The following is a screen shot of the IntelliSense using jsdefer library.

Description

VS2010 Behavior

Visual Studio 11 Developer Preview Behavior

IntelliSense Signature overloading

N/A

New feature

Description

VS2010 Behavior

Visual Studio 11 Developer Preview Behavior

F9 set on a line with multiple statement

Select and break on whole line

Select and break on the statement where cursor is on, making debugging compressed JavaScript files possible.

Open remote extension-less JS files in JS editor

No

Yes, debug the following will open jsapi in editor :

<script src=”https://www.google.com/jsapi” type=”text/javascript”></script>

<script type=”text/javascript”>

google.load(“jquery”, “1.6.0”);

</script> )

Description

VS2010 Behavior

Visual Studio 11 Developer Preview Behavior

MicrosoftAjax’s IntelliSense filter, glyph and other support

Hard coded

Supported via MicrosoftAjax.vsextensions.js file, which is located in [ProgramFiles]Microsoft Visual Studio 11.0JavaScriptReferencesMicrosoftAjax.vsextensions.js

IntelliSense Extensibility for other JavaScript documents

N/A

Users can write JavaScript VS IntelliSense Extension file and place it in the same directory as the original JavaScript file.

Description

VS2010 Behavior

Visual Studio 11 Developer Preview Behavior

Outlining

Through extension

Supported

Brace matching

Through extension

Supported

Brace highlighting

Through extension

Supported

Go to Definition (F12)

N/A

Supported

Description

VS2010 Behavior

Visual Studio 11 Developer Preview Behavior

Regular expression

No color coding, no validation

With color coding and validation

“use strict”; validation support (ECMAScript 5)

No

Yes

Consistency with IE JavaScript syntax checking

No

Yes, the JavaScript syntax error you see in VS will be the same as you see in IE.

Description

VS2010 Behavior

Visual Studio 11 Developer Preview Behavior

jQuery Templates script block support, show IntelliSense, coloring and indent.

No

Yes

Sharepoint JS reference via src=”http://blogs.msdn.com/SiteAssets/xxx.js”

No

Yes

<script type=”text/javascript” src=”http://blogs.msdn.com/SiteAssets/jquery-1.4.1.min.js”></script>

Dom Explorer

No

Supported when debugging with IE10 only

JavaScript Console

No

Supported when debugging with IE10 only

Customized JavaScript Snippet

Yes

Yes.

Note, VS2010 customer snippet file is not compatible with Visual Studio 11 Developer Preview. An attribute needs to be changed in each snippet file from “jscript” to “JavaScript”

<Code Language=”jscript”>

… </Code>

Change to

<Code Language=”JavaScript”>

… </Code>

Name across product

Jscript

JavaScript