{"id":24235,"date":"2012-03-02T09:23:11","date_gmt":"2012-03-02T14:23:11","guid":{"rendered":"https:\/\/blogs.jetbrains.com\/idea\/?p=6817"},"modified":"2012-03-02T09:23:11","modified_gmt":"2012-03-02T14:23:11","slug":"javascript-version-selector","status":"publish","type":"idea","link":"https:\/\/blog.jetbrains.com\/fr\/idea\/2012\/03\/javascript-version-selector","title":{"rendered":"New in 11.1: JavaScript.next syntax support"},"content":{"rendered":"

This is a cross-post from WebStorm & PhpStorm blog<\/a>, originally posted by Konstantin Ulitin.<\/em><\/p>\n

As you may know, there are different versions of the JavaScript language. Each JavaScript engine implementation adds some nice features that others don’t have. To make sure that you only use features suitable for targeted environments, choose the appropriate one in Settings | Javascript<\/em>.<\/p>\n

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

When you use language feature that isn’t supported by the currently selected JavaScript version, IntelliJ IDEA will notify you and suggest a Quick-Fix:<\/p>\n

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

For those who prefer to stay one step ahead, IDE presents experimental support of a new ongoing ECMAScript version code-named Harmony<\/strong>. New language features are poorly supported natively by browsers [1<\/a>], but there are third-party tools for translating new syntax constructs into their JavaScript equivalents.<\/p>\n

We take\u00a0Traceur compiler<\/a> as a basis. The full list of supported features can be found on its\u00a0wiki<\/a>.<\/p>\n

To try out new features, set\u00a0ECMAScript Harmony<\/em> to be the JavaScript language version in settings. There are two ways to use new language features with your web project. One is to\u00a0compile<\/a> ecmascript harmony files before deployment. Another is to provide link on your html page to javascript sources of Traceur compiler, so that ecmascript harmony files are translated to JavaScript on each request. Instructions and an example\u00a0can be found\u00a0here<\/a>.<\/p>\n

To help you with the new syntax, we’ve added the possibility to preview files\u00a0compiled\u00a0with Traceur. Simply right-click in the editor and select Compile ES6 file with Traceur<\/em>:<\/p>\n

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

Download IntelliJ IDEA 11.1\u00a0EAP<\/a>. We’d also love to get your feedback in the\u00a0issue tracker<\/a> ;)<\/p>\n

<\/a>Chromium project recently\u00a0announced<\/a> that implements some ECMAScript Harmony features. Firefox’s JavaScript engine already contains\u00a0many of them<\/a> and some\u00a0more<\/a>.<\/p>\n","protected":false},"author":63,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","categories":[826],"tags":[2945,197,3031],"cross-post-tag":[],"acf":[],"_links":{"self":[{"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/idea\/24235"}],"collection":[{"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/idea"}],"about":[{"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/types\/idea"}],"author":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/users\/63"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/comments?post=24235"}],"version-history":[{"count":0,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/idea\/24235\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/media?parent=24235"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/categories?post=24235"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/tags?post=24235"},{"taxonomy":"cross-post-tag","embeddable":true,"href":"https:\/\/blog.jetbrains.com\/fr\/wp-json\/wp\/v2\/cross-post-tag?post=24235"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}