{"id":313,"date":"2015-03-27T15:20:00","date_gmt":"2015-03-27T15:20:00","guid":{"rendered":"https:\/\/blogs.msdn.microsoft.com\/typescript\/2015\/03\/27\/announcing-typescript-1-5-alpha\/"},"modified":"2024-07-01T13:58:55","modified_gmt":"2024-07-01T21:58:55","slug":"announcing-typescript-1-5-alpha","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/typescript\/announcing-typescript-1-5-alpha\/","title":{"rendered":"Announcing TypeScript 1.5 Alpha"},"content":{"rendered":"

Today we\u2019re announcing TypeScript 1.5 Alpha, the first preview of the TypeScript 1.5 release. \u00a0This release shows off many of the features that will be in the final TypeScript 1.5 release. \u00a0In the alpha release, you\u2019ll be able to use three new capabilities of the TypeScript tools: a richer ES6 experience, decorators, and a new <\/span>Sublime Text plugin<\/a>.<\/span><\/p>\n

You can try this alpha out today by installing the new compiler available on npm<\/a>.<\/p>\n

Richer ES6 experience<\/h2>\n

In TypeScript 1.5, we\u2019re adding a number of new ES6 features. \u00a0These features work together with the TypeScript type system to give you helpful tooling when working with the new ES6 code patterns.<\/p>\n

Modules<\/h3>\n

The module syntax of ES6 is a powerful way of working with modules. \u00a0You can interact with modules by importing whole modules or by working with individual exports directly.<\/p>\n

import<\/span> * as<\/span> Math from<\/span> “my\/math”<\/span>;\n<\/span>import<\/span> { add, subtract } from<\/span> “my\/math”<\/span>;<\/span><\/p>\n

ES6 also supports a range of functionality in specifying exports. \u00a0You can export declarations, such as classes or functions. \u00a0You can also export a \u2018default\u2019 to import the module directly. \u00a0For example:<\/p>\n

\/\/ math.ts<\/span><\/p>\n

export function<\/span> add(x, y) { return<\/span> x + y }\n<\/span>export function<\/span> subtract(x, y) { return<\/span> x \u2013 y }\n<\/span>export default<\/span> function<\/span> multiply(x, y) { return<\/span> x * y }<\/span><\/p>\n

\/\/ myFile.ts<\/span><\/p>\n

import<\/span> {add, subtract} from<\/span> “math”<\/span>;\n<\/span>import<\/span> times from <\/span>“math”<\/span>;\n<\/span>var<\/span> result = times(add(2, 3), subtract(5, 3));<\/span><\/p>\n

If you\u2019ve been using TypeScript, you may notice that this is similar to TypeScript external modules. \u00a0This is no accident. \u00a0When we created external modules for TypeScript, we were working on the same problems. \u00a0The ES6 design takes the capabilities even further, showing a powerful, mature design. \u00a0We will continue to support external modules, but we will begin encouraging developers to use the more capable ES6 module syntax.<\/p>\n

Destructuring<\/h3>\n

Destructuring is a handy new feature that comes as part of our ES6 support. \u00a0With it, you can pull apart, or destructure, objects and arrays.<\/p>\n

var<\/span> [x, y] = [10, 20];\n<\/span>[x, y] = [y, x]; \u00a0\/\/ a simple swap<\/span><\/span><\/p>\n

You can also use destructuring to handle function parameters:<\/p>\n

var<\/span> myClient = {name: “Bob”<\/span>, height: 6};\n<\/span>function<\/span> greetClient({name, height: howTall}) {\n<\/span>console.log(“Hello,\u00a0“<\/span> + name + “, who is\u00a0“<\/span> + howTall +\u00a0” feet tall.”<\/span>);\n<\/span>}\ngreetClient(myClient);\u00a0<\/span><\/p>\n

In the above, greetClient<\/span> takes in a single object that has a name<\/span> and height<\/span> property. Using the ‘height: howTall’<\/span>\u00a0syntax, we can rename the height<\/span> property to howTall<\/span> inside of greetClient<\/span>.<\/p>\n

And more<\/h3>\n

We\u2019ve also added for-of support for better iteration, let\/const compiling to ES5, unicode support, an ES6 output mode, and better support for computed properties.<\/p>\n

Decorators<\/h2>\n

We\u2019ve also worked with the Angular<\/a>, Ember<\/a>, and Aurelia<\/a>\u00a0(from the makers of Durandal)\u00a0teams on a decorator proposal for ES7, which we\u2019re previewing in TypeScript 1.5 Alpha. \u00a0Decorators allow you to create a clean separation of concerns. \u00a0In this example, we see how the @memoize<\/span> decorator could be used to note that a getter\/setter pair can be memoized:<\/p>\n

class<\/span> Person {\n<\/span>@memoize\n<\/span>get<\/span> name() { return <\/span>`${this.first} ${this.last}`<\/span> }<\/span><\/p>\n

\u00a0 set<\/span> name(val) {\n<\/span>\u00a0 \u00a0 let<\/span> [first, last] = val.split(‘ ‘<\/span>);\n<\/span>this.first = first;\n<\/span>this.last = last;\n<\/span>}\n<\/span>}<\/span><\/p>\n

Developers will be able to write new decorators and mix-and-match them to work with the type system.<\/p>\n

Sublime Text plugin<\/h2>\n

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

Along with TypeScript 1.5 Alpha, we\u2019re also releasing a preview of the Sublime Text plugin for TypeScript<\/a> to enable more developers to get editor support when authoring TypeScript. \u00a0This plugin works with both Sublime Text 2 and Sublime Text 3 and shows some of what is possible with the TypeScript type system. Sublime Text and the TypeScript plugin are available for OSX, Linux, and Windows.<\/p>\n

\"\"<\/a>\nTypeScript commands available in Sublime Text<\/em><\/p>\n

The Sublime Text plugin allows you to easily navigate, refactor, format, and investigate TypeScript code. \u00a0Those who tried the Sublime plugin that came with the ng-conf demo may also notice that this updated plugin is snappier, especially with larger files.<\/p>\n

We\u2019re\u00a0excited to hear your feedback. \u00a0If you\u2019d like to leave a comment, you can fill out an issue on the issue tracker<\/a>. \u00a0Also, feel free to jump in and send us your pull requests<\/a> to help make the Sublime plugin even better.<\/p>\n

What\u2019s next<\/h2>\n

This\u00a0alpha release shows what will be possible in TypeScript 1.5 when it\u2019s released, and we want to hear from you. \u00a0We\u2019re working hard on TypeScript 1.5, and you can help us make it a strong release by trying it out and\u00a0sending us any issues<\/a> you find.<\/p>\n","protected":false},"excerpt":{"rendered":"

Today we\u2019re announcing TypeScript 1.5 Alpha, the first preview of the TypeScript 1.5 release. \u00a0This release shows off many of the features that will be in the final TypeScript 1.5 release. \u00a0In the alpha release, you\u2019ll be able to use three new capabilities of the TypeScript tools: a richer ES6 experience, decorators, and a new […]<\/p>\n","protected":false},"author":377,"featured_media":1797,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-313","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-typescript"],"acf":[],"blog_post_summary":"

Today we\u2019re announcing TypeScript 1.5 Alpha, the first preview of the TypeScript 1.5 release. \u00a0This release shows off many of the features that will be in the final TypeScript 1.5 release. \u00a0In the alpha release, you\u2019ll be able to use three new capabilities of the TypeScript tools: a richer ES6 experience, decorators, and a new […]<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/typescript\/wp-json\/wp\/v2\/posts\/313","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/typescript\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/typescript\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/typescript\/wp-json\/wp\/v2\/users\/377"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/typescript\/wp-json\/wp\/v2\/comments?post=313"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/typescript\/wp-json\/wp\/v2\/posts\/313\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/typescript\/wp-json\/wp\/v2\/media\/1797"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/typescript\/wp-json\/wp\/v2\/media?parent=313"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/typescript\/wp-json\/wp\/v2\/categories?post=313"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/typescript\/wp-json\/wp\/v2\/tags?post=313"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}