{"id":2524,"date":"2012-03-15T13:03:32","date_gmt":"2012-03-15T13:03:32","guid":{"rendered":"https:\/\/blogs.msdn.microsoft.com\/webdev\/2012\/03\/15\/vs11-beta-javascript-feature-comparison-with-vs2010sp1\/"},"modified":"2022-08-10T07:11:40","modified_gmt":"2022-08-10T14:11:40","slug":"vs11-beta-javascript-feature-comparison-with-vs2010sp1","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/dotnet\/vs11-beta-javascript-feature-comparison-with-vs2010sp1\/","title":{"rendered":"VS11 Beta JavaScript Feature comparison with VS2010sp1"},"content":{"rendered":"

In Visual Studio 11 Beta, we have exciting JavaScript editing features for the developers. Last year, we blogged \u201cJavaScript Web development differences between Visual Studio 11 Developer preview and Visual Studio 2010<\/a>\u201d. Here are the differences between Visual Studio 11 Beta<\/b> and Visual Studio 2010<\/b>.<\/p>\n

IntelliSense<\/h2>\n

<\/b> <\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n
\n

Description<\/b><\/p>\n<\/td>\n

\n

VS2010 Behavior<\/b><\/p>\n<\/td>\n

\n

Visual Studio 11 Beta Behavior<\/b><\/p>\n<\/td>\n

\n

Changed From VS11 Developer Preview<\/b><\/p>\n<\/td>\n<\/tr>\n

\n

ECMAScript 5 compliance<\/p>\n<\/td>\n

\n

No<\/p>\n<\/td>\n

\n

Yes. Visual Studio 11 Developer Preview fully supports ECMAScript 5.<\/p>\n

\"image\"<\/a><\/p>\n<\/td>\n

 <\/td>\n<\/tr>\n
\n

Auto-reducing Statement Completion List<\/p>\n<\/td>\n

\n

No<\/p>\n<\/td>\n

\n

Yes, if the IntelliSense is automatically enabled when typing.<\/p>\n

The following screen shots shows all the document’s statement completion items that contains character "al":<\/p>\n

\"image\"<\/a><\/p>\n<\/td>\n

 <\/td>\n<\/tr>\n
\n

Completion Hint shows function signature<\/p>\n<\/td>\n

\n

No<\/p>\n<\/td>\n

\n

Yes, making completion hint more helpful.<\/p>\n

\"image\"<\/a><\/p>\n<\/td>\n

 <\/td>\n<\/tr>\n
\n

IE DOM IntelliSense<\/p>\n<\/td>\n

\n

No, change DOM based on the current schema and is hard to upgrade.<\/p>\n<\/td>\n

\n

Yes, will get IntelliSense from IE10’s DOM, which is implicitly referenced (see the next item for how to change implicit reference files).<\/p>\n<\/td>\n

 <\/td>\n<\/tr>\n
\n

Implicit references (js files that are always referenced for editor IntelliSense)<\/p>\n<\/td>\n

\n

No<\/p>\n<\/td>\n

\n

Yes, through tools->option->Text Editor->JavaScript->IntelliSense->References, "implicit (Web) " reference group for web projects and web sites.<\/p>\n

\"clip_image008\"<\/a><\/p>\n

In VS11 Developer Preview, there is only one implicit reference group for both Windows and Web development. In VS11 Beta, they are separated to Implicit (Windows) and Implicit (Web) reference groups. The JavaScript references will be automatically loaded for intelliSense usage according to project types, for example metro style JavaScript\/HTML project will use "implicit (windows)" reference group, and web site\/web applications will use "implicit (web)" reference group.<\/p>\n

In VS11 Beta, all new web templates have scripts\/_references.js file. This file needs to be updated if project script files names get changed. For example, if you change\u201d jQuery.1.6.2.js\u201d to \u201cjQuery.1.7.1.js\u201d in the project, the _references.js file content needs to be changed in order to get the jQuery intelliSense.<\/p>\n<\/td>\n

\n

Yes.<\/p>\n<\/td>\n<\/tr>\n

\n

Immediate feedback on undefined objects <\/p>\n<\/td>\n

\n

No<\/p>\n<\/td>\n

\n

Yes. We will show a list of all identifiers in the file when IntelliSense cannot determine the type of an object. The identifier list is recognizable by the use of a different icon next to each completion item and a tooltip indicating that all identifiers are being shown.<\/p>\n

\"image\"<\/a><\/p>\n<\/td>\n

 <\/td>\n<\/tr>\n
\n

Ctrl+Shift+J to rebuild IntelliSense<\/p>\n<\/td>\n

\n

Yes<\/p>\n<\/td>\n

\n

Local IntelliSense is now automatically rebuild.<\/p>\n

In VS11 Beta, Ctrl+Shift+J is used to refresh cached JavaScript files referenced from a remote site. The Refresh Remote References command will update the reference cache by downloading the latest version of referenced files from their remote location. This is new from VS11 Developer Preview.<\/p>\n

\"image\"<\/a><\/p>\n<\/td>\n

\n

Yes<\/p>\n<\/td>\n<\/tr>\n

\n

named function expressions<\/p>\n

var a = function namedFunc() {<\/p>\n

\/\/position 1<\/p>\n

}<\/p>\n

\/\/position 2<\/p>\n<\/td>\n

\n

Show IntelliSense in both position1 and position2 due to inaccuracy of the engine.<\/p>\n<\/td>\n

\n

Better engine accuracy, only shows IntelliSense in position 2.<\/p>\n

The distinction is that named function expressions identifiers are only visible within the scope of the function expression itself.<\/p>\n<\/td>\n

 <\/td>\n<\/tr>\n
\n

Script Loader dynamically add loaded JavaScript file as reference<\/p>\n<\/td>\n

\n

No<\/p>\n<\/td>\n

\n

Yes. Engine will take the dynamically loaded JavaScript for reference.<\/p>\n

There is a known issue in Beta that affects remote JavaScript file loading. For example, the following does not work correctly in VS11 Beta. It will be resolved in future release.<\/p>\n

    <\/span><<\/span>script <\/span>type<\/span>="text\/javascript" 
<\/span>     src<\/span>="https:\/\/www.google.com\/jsapi"><\/<\/span>script<\/span>>\r\n    <<\/span>script <\/span>type<\/span>="text\/javascript">\r\n        <\/span>google.load(<\/span>"jquery"<\/span>, <\/span>"1.7.1"<\/span>);\r\n        <\/span>\/\/ $ should work here but not\r\n    <\/span><\/<\/span>script<\/span>><\/span><\/pre>\n<\/td>\n
 <\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

 <\/h2>\n

XML Document<\/h2>\n

<\/b><\/p>\n\n\n\n\n\n
\n

Description<\/b><\/p>\n<\/td>\n

\n

VS2010 Behavior<\/b><\/p>\n<\/td>\n

\n

Visual Studio 11 Developer Preview<\/b> Behavior<\/b><\/p>\n<\/td>\n

\n

Changed From VS11 Developer Preview<\/b><\/p>\n<\/td>\n<\/tr>\n

\n

IntelliSense Signature overloading<\/p>\n<\/td>\n

\n

N\/A<\/p>\n<\/td>\n

\n

New feature<\/p>\n

\"image\"<\/a><\/p>\n<\/td>\n

 <\/td>\n<\/tr>\n
\n

JavaScript XML documentation MSDN documentation<\/p>\n<\/td>\n

\n

No.<\/p>\n

A blog<\/a> is used as reference: <\/p>\n<\/td>\n

\n

For VS 11 Beta, the MSDN JavaScript XML documentation specification is in http:\/\/msdn.microsoft.com\/en-us\/library\/hh524453(VS.110).aspx<\/a><\/p>\n

Note, for field, param and var node, one attribute has not yet been added to the current MSDN preview documentation: value. It can be used to define some not-classed object s in the following example:<\/p>\n

function <\/span>Chair3(type) {\r\n    <\/span>this<\/span>.type = type;\r\n    <\/span>this<\/span>.color = <\/span>"red"<\/span>;\r\n}\r\n\r\nChair3.prototype.getInfo = <\/span>function <\/span>() {\r\n    <\/span>return this<\/span>.color + <\/span>' ' <\/span>+ <\/span>this<\/span>.type + 
        <\/span>' Chair3'<\/span>;\r\n};\r\n\r\n<\/span>\/\/object literals\r\n<\/span>var <\/span>chair4 = {\r\n    type: <\/span>"wood"<\/span>,\r\n    color: <\/span>"red"<\/span>,\r\n    getInfo: <\/span>function <\/span>() {\r\n        <\/span>return this<\/span>.color + <\/span>' ' <\/span>+ <\/span>this<\/span>.type + 
            <\/span>' chair4'<\/span>;\r\n    }\r\n}\r\n\r\n<\/span>\/\/singleton using function\r\n<\/span>var <\/span>chair5 = <\/span>new function <\/span>() {\r\n    <\/span>this<\/span>.type = <\/span>"wood"<\/span>;\r\n    <\/span>this<\/span>.color = <\/span>"red"<\/span>;\r\n    <\/span>this<\/span>.getInfo = <\/span>function <\/span>() {\r\n        <\/span>return this<\/span>.color + <\/span>' ' <\/span>+ <\/span>this<\/span>.type + 
<\/span>            ' chair5'<\/span>;\r\n    };\r\n}\r\n\r\n<\/span>var <\/span>a = <\/span>function <\/span>(x, y, z) {\r\n    <\/span>\/\/\/ <summary>Description<\/summary>\r\n    \/\/\/ <param name="x" type="Chair3">x<\/param>\r\n    \/\/\/ <param name="y" value="chair4">y<\/param>\r\n    \/\/\/ <param name="z" value="chair5">z<\/param>\r\n<\/span>}\r\n<\/span><\/pre>\n<\/td>\n
\n

Yes<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

<\/b><\/p>\n

Debug\/Breakpoint<\/b><\/h2>\n\n\n\n\n\n
\n

Description<\/b><\/p>\n<\/td>\n

\n

VS2010 Behavior<\/b><\/p>\n<\/td>\n

\n

Visual Studio 11 Beta Behavior<\/b><\/p>\n<\/td>\n<\/tr>\n

\n

F9 set on a line with multiple statement<\/p>\n<\/td>\n

\n

Select and break on whole line<\/p>\n<\/td>\n

\n

Select and break on the statement where cursor is on, making debugging compressed JavaScript files possible.<\/p>\n<\/td>\n<\/tr>\n

\n

Open remote extension-less JS files in JS editor<\/p>\n<\/td>\n

\n

No<\/p>\n<\/td>\n

\n

Yes, debug and step through the following will open jsapi in editor :<\/p>\n

    <\/span><<\/span>script <\/span>src<\/span>="https:\/\/www.google.com\/jsapi" \r\n        <\/span>type<\/span>="text\/javascript"><\/<\/span>script<\/span>>\r\n    <<\/span>script <\/span>type<\/span>="text\/javascript">\r\n        <\/span>google.load(<\/span>"jquery"<\/span>, <\/span>"1.6.0"<\/span>);\r\n    <\/span><\/<\/span>script<\/span>><\/span><\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
<\/b><\/p>\n
MicrosoftAjax.js and other library Support<\/b><\/h2>\n\n\n\n\n
\n
Description<\/b><\/p>\n<\/td>\n
\n
VS2010 Behavior<\/b><\/p>\n<\/td>\n
\n
Visual Studio 11 Beta Behavior<\/b><\/p>\n<\/td>\n
\n
Changed From VS11 Developer Preview<\/b><\/p>\n<\/td>\n<\/tr>\n
\n
MicrosoftAjax’s IntelliSense filter, glyph and other support<\/p>\n<\/td>\n
\n
Hard coded<\/p>\n<\/td>\n
\n
Supported via MicrosoftAjax.intellisense.js file, which is located in [ProgramFiles]Microsoft Visual Studio 11.0JavaScriptReferencesMicrosoftAjax.intellisense.js<\/p>\n
Note, In VS11 Developer preview, it was named MicrosoftAjax.vsextensions.js.<\/p>\n<\/td>\n
\n
Yes<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
<\/b><\/p>\n
Editor display<\/b><\/h2>\n\n\n\n\n\n\n\n
\n
Description<\/b><\/p>\n<\/td>\n
\n
VS2010 Behavior<\/b><\/p>\n<\/td>\n
\n
Visual Studio 11 Beta Behavior<\/b><\/p>\n<\/td>\n<\/tr>\n
\n
Outlining<\/p>\n<\/td>\n
\n
Through extension<\/p>\n<\/td>\n
\n
Supported<\/p>\n<\/td>\n<\/tr>\n
\n
Brace matching<\/p>\n<\/td>\n
\n
Through extension<\/p>\n<\/td>\n
\n
Supported<\/p>\n<\/td>\n<\/tr>\n
\n
Brace highlighting<\/p>\n<\/td>\n
\n
Through extension<\/p>\n<\/td>\n
\n
Supported<\/p>\n<\/td>\n<\/tr>\n
\n
Go to Definition (F12)<\/b><\/p>\n<\/td>\n
\n
N\/A<\/p>\n<\/td>\n
\n
Supported<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
<\/b><\/p>\n
Validation<\/b><\/h2>\n\n\n\n\n\n\n
\n
Description<\/b><\/p>\n<\/td>\n
\n
VS2010 Behavior<\/b><\/p>\n<\/td>\n
\n
Visual Studio 11 Beta Behavior<\/b><\/p>\n<\/td>\n<\/tr>\n
\n
Regular expression<\/p>\n<\/td>\n
\n
No color coding, no validation<\/p>\n<\/td>\n
\n
With color coding and validation<\/p>\n<\/td>\n<\/tr>\n
\n
"use strict"; validation support (ECMAScript 5)<\/p>\n<\/td>\n
\n
No<\/p>\n<\/td>\n
\n
Yes<\/p>\n<\/td>\n<\/tr>\n
\n
Consistency with IE JavaScript syntax checking<\/p>\n<\/td>\n
\n
No<\/p>\n<\/td>\n
\n
Yes, the JavaScript syntax error you see in VS will be the same as you see in IE.<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
<\/b><\/p>\n
Misc<\/b><\/h2>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
\n
Description<\/b><\/p>\n<\/td>\n
\n
VS2010 Behavior<\/b><\/p>\n<\/td>\n
\n
Visual Studio 11 Beta Behavior<\/b><\/p>\n<\/td>\n
\n
Changed From VS11 Developer Preview<\/b><\/p>\n<\/td>\n<\/tr>\n
\n
jQuery Templates script block support, show IntelliSense, coloring and indent.<\/p>\n<\/td>\n
\n
No<\/p>\n<\/td>\n
\n
Yes<\/p>\n
\"image\"<\/a><\/p>\n<\/td>\n
 <\/td>\n<\/tr>\n
\n
Sharepoint JS reference via http:\/\/site\/SiteAssets\/x.js<\/a><\/p>\n<\/td>\n
\n
No<\/p>\n<\/td>\n
\n
Yes<\/p>\n
<<\/span>script <\/span>type<\/span>="text\/javascript" <\/span>src<\/span>=
 "http:\/\/site\/SiteAssets\/mylib.min.js">
<\/span><\/<\/span>script<\/span>>\r\n<\/span><\/pre>\n<\/td>\n
 <\/td>\n<\/tr>\n
\n
Dom Explorer<\/p>\n<\/td>\n
\n
No<\/p>\n<\/td>\n
\n
Supported when debugging with IE10 only<\/p>\n<\/td>\n
 <\/td>\n<\/tr>\n
\n
JavaScript Console<\/p>\n<\/td>\n
\n
No<\/p>\n<\/td>\n
\n
Supported when debugging with IE10 only<\/p>\n<\/td>\n
 <\/td>\n<\/tr>\n
\n
Customized JavaScript Snippet<\/p>\n<\/td>\n
\n
Yes<\/p>\n<\/td>\n
\n
Yes.<\/p>\n
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"<\/p>\n
<Code Language="jscript"><\/p>\n
… <\/Code><\/p>\n
Change to<\/p>\n
<Code Language="JavaScript"><\/p>\n
… <\/Code><\/p>\n<\/td>\n
 <\/td>\n<\/tr>\n
\n
Name across product<\/p>\n<\/td>\n
\n
Jscript<\/p>\n<\/td>\n
\n
JavaScript<\/p>\n<\/td>\n
 <\/td>\n<\/tr>\n
\n
JavaScript editor Indenting\/Tab setting usage<\/p>\n<\/td>\n
\n
both indenting\/tab settings:<\/p>\n
* the HTML settings are used not matter how JScript is set when in Mark-up<\/p>\n
* the JScript settings are used no matter how HTML is set when in JS File<\/p>\n<\/td>\n
\n
Only tab settings: (indent settings are used according to the language)<\/p>\n
* the HTML settings are used not matter how JavaScript is set when in Mark-up<\/p>\n<\/td>\n
\n
Yes<\/p>\n<\/td>\n<\/tr>\n
\n
JavaScript smart indenting in tools->options->text editors->JavaScript->Tabs<\/p>\n<\/td>\n
\n
Block indenting as default, no smart indenting<\/p>\n<\/td>\n
\n
Smart indenting is the default<\/p>\n
Note, In Dev11 Developer Preview, block indenting is the default<\/p>\n<\/td>\n
\n
Yes<\/p>\n<\/td>\n<\/tr>\n
\n
Explicit \/\/\/ reference in html\/aspx\/master\/ascx files<\/p>\n<\/td>\n
\n
\/\/\/ specified in markup page does not add reference<\/p>\n<\/td>\n
\n
\/\/\/ also works in markup page’s script block. It has to be on the top most script block. It will be useful for user control JavaScript explicit references. Also useful in edges cases such as following require.js syntax:<\/p>\n
<<\/span>script <\/span>data-main<\/span>="scripts\/main" 
<\/span>src<\/span>="scripts\/require.js"><\/<\/span>script<\/span>>\r\n<<\/span>script <\/span>type<\/span>="text\/javascript">\r\n    <\/span>\/\/\/ <reference path="scripts\/a.js" \/>\r\n    <\/span>function <\/span>abc() {\r\n        aFunctionFromAJs();\r\n    }\r\n<\/span><\/<\/span>script<\/span>> <\/span><\/pre>\n<\/td>\n
\n
Yes<\/p>\n<\/td>\n<\/tr>\n
\n
In misc file project, JS file download remote reference (http reference)<\/p>\n<\/td>\n
\n
Allowed by default<\/p>\n<\/td>\n
\n
Disabled by default, with message in the output:<\/p>\n
Downloading of remote references for files in the miscellaneous files project is disabled. To enable downloading of remote references, check the appropriate option in Tools | Options | Text Editor | JavaScript | IntelliSense | General<\/p>\n<\/td>\n
\n
Yes<\/p>\n<\/td>\n<\/tr>\n
\n
_variable (with leading underscore) shows or not in the referenced file<\/p>\n<\/td>\n
\n
Default: Yes<\/p>\n
MSAjax: No<\/p>\n<\/td>\n
\n
Default: No<\/p>\n
MSAjax: No<\/p>\n
%VS11InstallationDirectory%JavaScriptReferencesunderscorefilter.js extension controls this. MSAjax extension controls it as well for MSAjax reference.<\/p>\n
You can remove the control if you don’t like this behavior from tools->option->Text Editor->JavaScript->IntelliSense->References, "implicit (Web) " reference group for web projects and web sites.<\/p>\n<\/td>\n
\n
Yes<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
 <\/p>\n
You feedback is very valuable for us.  Please go to http:\/\/connect.microsoft.com\/VisualStudio<\/a> to let us know your issues and suggestions.<\/p>\n
 <\/p>\n
Best Regards,<\/p>\n
Xinyang Qiu<\/p>\n
Web Platform and Tools Team<\/p>\n","protected":false},"excerpt":{"rendered":"
In Visual Studio 11 Beta, we have exciting JavaScript editing features for the developers. Last year, we blogged \u201cJavaScript Web development differences between Visual Studio 11 Developer preview and Visual Studio 2010\u201d. Here are the differences between Visual Studio 11 Beta and Visual Studio 2010. IntelliSense Description VS2010 Behavior Visual Studio 11 Beta Behavior Changed […]<\/p>\n","protected":false},"author":404,"featured_media":58792,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[197],"tags":[7372,7398],"class_list":["post-2524","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-aspnet","tag-javascript","tag-visual-studio-11-beta"],"acf":[],"blog_post_summary":"
In Visual Studio 11 Beta, we have exciting JavaScript editing features for the developers. Last year, we blogged \u201cJavaScript Web development differences between Visual Studio 11 Developer preview and Visual Studio 2010\u201d. Here are the differences between Visual Studio 11 Beta and Visual Studio 2010. IntelliSense Description VS2010 Behavior Visual Studio 11 Beta Behavior Changed […]<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/dotnet\/wp-json\/wp\/v2\/posts\/2524","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/dotnet\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/dotnet\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/dotnet\/wp-json\/wp\/v2\/users\/404"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/dotnet\/wp-json\/wp\/v2\/comments?post=2524"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/dotnet\/wp-json\/wp\/v2\/posts\/2524\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/dotnet\/wp-json\/wp\/v2\/media\/58792"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/dotnet\/wp-json\/wp\/v2\/media?parent=2524"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/dotnet\/wp-json\/wp\/v2\/categories?post=2524"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/dotnet\/wp-json\/wp\/v2\/tags?post=2524"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}