TypeScript 3.1介绍


本文整理自网络,侵删。

TypeScript 3.1介绍

元组和数组上的映射类型

在 TypeScript 3.1 中,元组和数组上的映射对象类型现在产生新的元组/数组,而不是创建一个新的类型,其中的成员,比如push()pop()length将被转换。例如:

type MapToPromise<T> = { [K in keyof T]: Promise<T[K]> };

type Coordinate = [number, number]

type PromiseCoordinate = MapToPromise<Coordinate>; // [Promise<number>, Promise<number>]

MapToPromise使用一种类型T,当该类型是一个元组,例如Coordinate,它只转换数字属性。在[number, number]中,有两个数字命名的属性:01。当给出这样的元组时,MapToPromise将创建一个新的元组,其中01属性是原始类型的Promises。因此,结果类型PromiseCoordinate最终会得到类型[Promise<number>, Promise<number>]

函数的属性声明

TypeScript 3.1 能够在函数声明和const-declared functons 上定义属性,只需在同一范围内分配这些函数的属性即可。这允许我们编写规范的JavaScript代码而不求助于namespace。例如:

function readImage(path: string, callback: (err: any, image: Image) => void) {
    // ...
}

readImage.sync = (path: string) => {
    const contents = fs.readFileSync(path);
    return decodeImageSync(contents);
}

在这里,我们有一个以非阻塞异步方式读取图像的readImage函数。除了readImage外,我们在readImage提供了一个方便的函数,名为readImage.sync

虽然ECMAScript导出通常是提供此功能的更好方式,但这种新的支持允许使用此样式编写的代码“仅仅工作” TypeScript。另外,这种属性声明方法让我们在React无状态功能组件(SFCs)上表达常用模式,例如defaultPropspropTypes

export const FooComponent => ({ name }) => (
    <div>Hello! I am {name}</div>
);

FooComponent.defaultProps = {
    name: "(anonymous)",
};

更具体地说,同态映射类型类似于上面的形式。

使用 typesVersions 进行版本选择

来自社区的反馈以及相关的经验告诉我们,利用最新的TypeScript功能同时也容纳旧版本的用户是很困难的。TypeScript引入了一项名为typesVersions的新功能,以帮助满足这些方案。

阅读剩余部分

相关阅读 >>

vue刷新404的问题解决方法

typescript和javascript的区别有哪些

typescript 声明合并

typescript和javascript有什么区别

linux服务器搭建node.js环境的步骤介绍

如何从javascript到typescript

typescript mixins

详解javascript是如何运行的

typescript 每日构建

typescript 模块解析

更多相关阅读请进入《typescript》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...

    正在狠努力加载,请稍候...