TypeScript 1.7即将到来
程序员文章站
2022-03-08 15:09:51
...
微软MSDN博客上最近发布,TypeScript 1.7已经随 Visual Studio 2015 Update 1.在这个版本中,默认对ECMAScript6(ES6)对象支持async/await提供支持。同时也添加了对this的多态类型支持,支持乘方语法,模块化。在Github的roadmap中有一份完全的更新日志。
和以往一样,你可以通过Visual Studio 2015 Update 1, Visual Studio 2013, npm, 或者直接从源代码中得到最新版本。
支持Async/Await
在1.7版本中,TypeScript支持Async函数(目前仅对ES6对象支持)。可以在函数名称之前声明async来将其命名为一个异步函数。await关键字可以在async函数条件不满足时阻塞函数。以下是一个简单的例子。
同时,对TypeScript中其他(包括一系列的浏览器等不支持ES6的)对象的async/await支持也在开发中。查看开发的更多信息,以及使用方法,可以查看我们之前的博客。
this的多态类型
经过很多讨论和反馈之后,TypeScript1.7增加了新的this类型。this类型可以在class和interface用指代父类型。这个特性使像流式API这种工作更加简明。
更多信息,参考TypeScript维基。
为了支持这一特性,TypeScript1.7中加入了类型推导。在一个类中,值的类型会由this推导出,其随后的赋值若按照原先的类型,可能会失败。作为一个变通的办法,你可以给this加类型注释。推荐的风格和其他潜在的改变可以在Github上找到。
ES6模块
TypeScript1.7将es6添加到–module参数的可选选项中,生成ES6的时候可以指定特定模块。这样使得在特定的运行时间生成特定的特性更加灵活。例如,下面是一个只支持Node.js v4及以上,但是不支持ES6模块的例子(但是支持一些ES6的特性)。
ES7 的乘方语法
最后,再来一点语法糖!ECMAScript委员会最近将乘方运算符提议升级到了stage3。所以应该是时候将它添加到TypeScript中了!
和Math.pow()说再见吧!
What‘s Next?
很高兴能跟大家宣布这次版本的发布,照例我们希望听到大家的反馈。我们所做的事情都公开在Github上。如果你有兴趣研究TypeScript,我们鼓励你看一下目前尚存在的issues,给我提交PR,或者直接在gitter上和我们团队聊聊。
编译:赖信涛,关注Python,喜欢编程和电子游戏,个人博客:http://www.kawabangga.com/
和以往一样,你可以通过Visual Studio 2015 Update 1, Visual Studio 2013, npm, 或者直接从源代码中得到最新版本。
支持Async/Await
在1.7版本中,TypeScript支持Async函数(目前仅对ES6对象支持)。可以在函数名称之前声明async来将其命名为一个异步函数。await关键字可以在async函数条件不满足时阻塞函数。以下是一个简单的例子。
"use strict"; // printDelayed is a 'Promise<void>' async function printDelayed(elements: string[]) { for (const element of elements) { await delay(200); console.log(element); } } async function delay(milliseconds: number) { return new Promise<void>(resolve => { setTimeout(resolve, milliseconds); }); } printDelayed(["Hello", "beautiful", "asynchronous", "world"]).then(() => { console.log(); console.log("Printed every element!"); });
同时,对TypeScript中其他(包括一系列的浏览器等不支持ES6的)对象的async/await支持也在开发中。查看开发的更多信息,以及使用方法,可以查看我们之前的博客。
this的多态类型
经过很多讨论和反馈之后,TypeScript1.7增加了新的this类型。this类型可以在class和interface用指代父类型。这个特性使像流式API这种工作更加简明。
interface Model { setupBase(): this; } interface AdvancedModel extends Model { setupAdvanced(): this; } declare function createModel(): AdvancedModel; newModel = newModel.setupBase().setupAdvanced(); // 流式风格
更多信息,参考TypeScript维基。
为了支持这一特性,TypeScript1.7中加入了类型推导。在一个类中,值的类型会由this推导出,其随后的赋值若按照原先的类型,可能会失败。作为一个变通的办法,你可以给this加类型注释。推荐的风格和其他潜在的改变可以在Github上找到。
ES6模块
TypeScript1.7将es6添加到–module参数的可选选项中,生成ES6的时候可以指定特定模块。这样使得在特定的运行时间生成特定的特性更加灵活。例如,下面是一个只支持Node.js v4及以上,但是不支持ES6模块的例子(但是支持一些ES6的特性)。
//tsconfig.json targeting node.js v4 and beyond { "compilerOptions": { "module": "commonjs", "target": "es6" } }
ES7 的乘方语法
最后,再来一点语法糖!ECMAScript委员会最近将乘方运算符提议升级到了stage3。所以应该是时候将它添加到TypeScript中了!
let squared = 2 ** 2; // same as: 2 * 2 let cubed = 2 ** 3; // same as: 2 * 2 * 2 let num = 2; num **= 2; // same as: num = num * num;
和Math.pow()说再见吧!
What‘s Next?
很高兴能跟大家宣布这次版本的发布,照例我们希望听到大家的反馈。我们所做的事情都公开在Github上。如果你有兴趣研究TypeScript,我们鼓励你看一下目前尚存在的issues,给我提交PR,或者直接在gitter上和我们团队聊聊。
编译:赖信涛,关注Python,喜欢编程和电子游戏,个人博客:http://www.kawabangga.com/
上一篇: 你妈妈要我提醒你穿秋裤
下一篇: Express请求处理-构建模块化路由