重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
小编给大家分享一下TypeScript 2.1有什么新特性,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!
公司主营业务:成都做网站、成都网站设计、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。创新互联公司是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联公司推出定日免费做网站回馈大家。
TypeScript是微软开发的一个JavaScript的超集,提供了最新的JavaScript特性以及可选的静态类型。近日,TypeScript 2.1发布。该版本提供了功能更为强大的类型检查器,并且让开发人员可以编写出更简洁的代码。以下是该版本带来的主要新特性:
Downlevel async/await:虽然之前的版本已经提供了async/await,但downlevel async/await让开发人员可以在ES3/ES5环境里使用该特性。
Object Rest&Spread:这是ES2017的一项新提案,让开发人员可以便捷地合并、拆解以及部分地复制对象。在使用类似Redux这样的库时,这一特性已经被广泛地使用。Object Spread让开发人员可以便捷地复制一个对象,如下所示:
let copy = { ...original };
类似地,我们可以合并多个不同的对象,如下所示,合并后的对象将同时具有foo、bar和baz的属性:
let merged = { ...foo, ...bar, ...baz };
开发人员也可以在合并后的对象中添加新属性。Object Rest是一个相对的过程,它可以排除特定的属性,如下所示:
let { a, b, c, ...defghijklmnopqrstuvwxyz } = alphabet;
keyof和Lookup类型:实际上,keyof操作符被称为“索引类型查询(index type query)”,它就像一个查询对象类型的键的查询,如下所示:
interface Person { name: string; age: number; location: string; } let propName: keyof Person;
上述代码也可以写成如下形式:
let propName: "name" | "age" | "location";
而Lookup类型被称为“索引访问类型(indexed access types)”,它看上去像访问一个元素,如下所示:
interface Person { name: string; age: number; location: string; } let a: Person["age"];
“映射类型(Mapped Types)”:这是TypeScript 2.1最令人感兴趣的特性。假如我们有一个Person类型,如下所示:
interface Person { name: string; age: number; location: string; }
如果我们希望以此为基础创建一个属性全为布尔值的类型,那么我们需要定义一个全新的类型:
interface BooleanifiedPerson { name: boolean; age: boolean; location: boolean; }
而借助映射类型,我们可以将BooleanifiedPerson定义为:
type BooleanifiedPerson = { [P in "name" | "age" | "location"]: boolean };
借助keyof操作符,上述代码还可以进一步简化为:
type BooleanifiedPerson = { [P in keyof Person]: boolean };
Partial类型:让开发人员可以创建现有类型的所有可选版本。此外,TypeScript 2.1还提供了Readonly、Record和Pick等实用类型,感兴趣的读者可以点击这里查看它们的实现方式。
此外,TypeScript 2.1还放松了对程序包导入的检查,只要用户安装了就可以使用,TypeScript将不会再因为找不到相关的声明文件而提示错误。
感兴趣的读者可以通过NuGet获取TypeScript,也可以通过npm进行安装:
npm install -g typescript
Visual Studio 2015用户需要首先升级到Update 3,再通过专门的安装包进行安装。Visual Studio Code或Sublime Text用户也可以根据相关的说明使用最新版本的TypeScript。
看完了这篇文章,相信你对“TypeScript 2.1有什么新特性”有了一定的了解,如果想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!