四川盐亭网站制作公司

TypeScript2.1有什么新特性

小编给大家分享一下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有什么新特性”有了一定的了解，如果想了解更多相关知识，欢迎关注创新互联行业资讯频道，感谢各位的阅读！


文章名称：TypeScript2.1有什么新特性
URL分享：http://scyanting.com/article/pspgic.html

其他资讯