找回密码
 加入怎通
查看: 238|回复: 1

TypeScript 5.0 现已发布:全新的装饰器,速度、内存和包大小优化_typescript最新版本

[复制链接]
我来看看 发表于 2023-03-29 02:14:37 | 显示全部楼层 |阅读模式
$ h3 e- W# O& }2 Q

原标题:TypeScript 5.0 现已发布:全新的装饰器,速度、内存和包大小优化作者 | Oghenevwede Emeni,Peng Cao 译者 | 核子可乐 策划 | 丁晓昀 微软在上周发布了 Type 5.0 beta 版本,希望在助其瘦身之余简化使用方式、加快运行速度。

6 g5 }, U) N V. k

此次公布的 beta 版还引入新的装饰器标准,使用户能够以可重用的方式自定义类及其成员相对于 Type 4.9 在速度和大小方面的提升:

8 C6 c9 f6 `& y+ a

此次 beta 版的一大亮点,在于合并了新的装饰器标准,使用户能够以可重用的方式自定义类及其成员Type 项目经理 Daniel Rosenwasser 最近在官方博客上写道,这些实验性的装饰器非常重要,在支持旧版本装饰器的同时将可选编译器标志—experimentalDecorators 设为始终启用。

( X9 y; p8 \; B) o" M

Rosenwasser 表示,很多一直在用 --experimentalDecorators 的开发者已经意识到,之前在 Type 中使用装饰器却不启用此标志,均会产生错误消息Rosenwasser 还谈到 Type 中关于 enums 的老问题,5.0 beta 版如何解决其中部分问题,同时减少了声明各类 enums 时所需理解的概念数量。

* Z. U7 x1 x0 a

Type 属于开源编程语言加 Java 的一个超集,以 Java 为基础并实现了功能扩展,目前由微软负责开发和维护Type 5.0 中的新装饰器提案允许开发者编写出更清晰、更易于维护的代码,并能够以可重用的方式自定义类及其成员。

' W2 Q, q# u2 ?, q' f; e/ o

虽然新的装饰器与 --emitDecoratorMetadata 不兼容且不支持参数装饰,但微软预计后续推出的 ECMA 提案有望解决这些限制除了新的装饰器提案之外,Type 5.0 还引入多项改进,例如对构造函数中的参数装饰器进行更精确的类型检查、const 注释,以及允许 extends 字段获取多个条目的能力等。

! ^, t4 Q) | `( Y

Type 5.0 版本还提供新的模块解析选项、性能增强和更详尽的 switch/case 补全功能Type 以 ECMA 2018 为目标,因此 Node.js 用户至少需要使用 Node.js 10 或更高的版本。

0 l* Q ]- S$ K5 ]$ ]+ `

要使用此 beta 版本,可以通过 NuGet 或者以下 npm 命令获取:npminstall type@betaType 5.0 新功能与改进快速演示这里我们具体探究一些新功能,并通过代码示例帮助大家开启 Type 5.0 之旅。

) z: h3 K6 J7 F0 V- F

1. 所有 Enums 均为 union enumsType 5.0 引入一项新功能,其中所有 enum 均为 union enum这意味着每个 enum 成员现在都有自己的唯一类型,即使是由函数调用初始化的也不例外。

( r2 B/ T6 ^) I3 v0 X3 R% E: ]9 r

以往,如果是通过函数调用初始化的 enum 成员,则 Type 会使用旧的 enum 策略并导致 union 和字面量类型的优势失效在新功能的支持下,开发者现可缩小所有 enum 范围,并将其成员作为类型来引用。

8 v# H( }& O. W2 x& d' o

enum E {A = a,B = b,C = Math.random() > 0.5 ? c: d}typeEKeys = keyof typeof E; // A| B| CtypeEValues = typeof E[keyof typeof E]; //

4 r, n' U9 @. {* Q+ P! J

a| b| c| dfunctionf(e: E) {switch (e) {caseE.A:// This block is only executed if`e` is `a`break;caseE.B:

8 f1 ]0 _* G) Y9 C7 S

// This block is only executed if`e` is `b`break;caseE.C:// This block is only executed if`e` is either `

2 w5 E; {) c: D3 i! u% Y! B* ]

c` or `d`break;}}在以上示例中,enum E 具有 3 个成员,其中 E.C 使用函数调用通过三元运算符进行初始化借助 Type 5.0 中的新功能,所有 enum 成员都拥有自己的独特类型。

y' B0 \7 W" i: L; s

在这里,E.C 具有’c’ | d’类型,而不再像旧版本中那样具有 string 类型f 函数则使用 switch 语句将 e 的类型缩小为 enum 成员之一,从而实现更好的类型检查和推断2. 从构造函数推断类属性

% n4 J+ F" X6 } t: Q/ ^ W

Type 5.0 引入了将 const 修饰符添加至类型参数声明的功能,也就是默认做 const-like 推断这项功能非常适合那些需要具体类型,而 Type 已经推断出较通用类型的场景以往,为了实现 const-like 推断,开发者需要在某些位置添加“as const”。

; z, Y5 e- f* Q8 Z! u

Const 修饰符会影响调用中编写的对象、数组和原始表达式的推断,但不会拒绝可变值、或者说需要不可变约束因此,开发者必须牢记 const 修饰符的行为以确保正确使用typeHasNames = { readonly

, U& x4 Y8 _2 ~# ?9 R

names: string[] };functiongetNamesExactly(arg: T): T[names] {returnarg.names;

5 D( N& E2 S, B- ^

}// Inferred type: readonly["Alice", "Bob", "Eve"]const names = getNamesExactly({ names: ["Alice", "Bob"

" F" B0 E( ^; s9 Y

, "Eve"] } as const);在此示例中,我们定义了一个泛型函数 getNamesExactly,它会接受用于扩展 HasNames 接口的类型 T 的一条参数,其中包含作为 names 属性的字符串数组。

& N i; [1 } T- i I4 n

在 Type 5.0 之前,arg.names 的推断类型为 string[],但如果我们需要的是 readonly string[],则需要在调用函数时使用 as const 进行断言而在 Type 5.0 中,我们可以将 const 修饰符添加至类型参数声明当中,借此默认进行 const-like 推断。

: R4 i3 f; ?) g3 r3 J2 y# S+ z* {) ]

这样就能在调用中省略 as const 断言,且仍然推断出更具体的 readonly string[] 类型3. 详尽的 switch/case 补全在编写 switch 语句时,Type 现在可以检测被检查的值是否具有字面类型。

& L! B5 I8 a! B; N- G5 z B

如果是,则通过补全对每个未发现的 case 做 scaffold out

* V* x8 t5 V5 t! s+ d% t' f

可以在 GitHub 上(https://github.com/microsoft/Type/pull/50996)参阅具体实现4. 支持 export type *Type 5.0 提供新的“导出类型。

& R: g: W* y2 P) k* G. C

”功能,能够在重新导出的语句中添加对仅类型导入的支持,例如 export from “module” 和 export * as ns from “module”示例为从 vehicles.ts 模块导出的 Spaceship 类,之后使用 export type * as vehicles from "./vehicles"在 models/index.ts 模块中进行重新导出。

8 m' E+ ~& k$ R" |4 z, l: }

在 main.ts 当中,重新导出的 vehicles 命名空间被导入,并用于对 takeASpaceship 函数中的参数进行类型检查但请注意,在 makeASpaceship 函数中创建新的 Spaceship 对象会导致错误,因为 vehicles 命名空间是作为仅类型导入进行导出的,不可用作值。

" h2 Y# t: N( J+ S/ X% D3 F

// models/vehicles.tsexportclassSpaceship{// ...}// models/index.tsexporttype * asvehicles from"./vehicles"

& @& r' m7 ~, n$ {! n

;// main.tsimport{ vehicles } from"./models";functiontakeASpaceship(s: vehicles.Spaceship) {// ok - `vehicles` only used in a type position

5 Y' J" z7 p! B( |+ K1 M4 [/ g

}functionmakeASpaceship() {returnnewvehicles.Spaceship(); // Error: vehicles cannot be used as a value because it was exported using export type.

- p+ v& A+ h7 g: J2 P# J2 E5 G! A

}5. 多配置扩展Type 5.0 现可支持使用 extends 字段扩展多个配置文件这项功能适用于同时管理多个项目,其中“基本”配置文件可由其他 tsconfig.json 文件进行创建和扩展以往,这项操作只能通过单个文件完成,但现在您可以扩展至多个文件,并在发生字段冲突时以后一个条目为优先。

6 U% j, U- K) S0 S

例如,如果您有一个从 @tsconfig/strictest/tsconfig.json 扩展的基本 sconfig.base.json 文件,则可以让其他 tsconfig.json 文件从这两个文件进一步扩展,如下所示:

7 z5 J! D% m2 p

{"extends": ["@tsconfig/strictest/tsconfig.json", "../../../tsconfig.base.json"],"compilerOptions": {

, G0 W& ^9 `& N) |3 F

"outDir": "../lib",// ...}}这就为多个配置文件的管理带来更大的灵活性,可通过多个文件扩展并轻松控制字段优先级6. 性能提升Type 5.0 提供多项性能改进,包括更快的对象类型索引和经过优化的条件类型推断。

5 `" K! l0 M( y+ u- B4 a5 y

以上只是 Type 5.0 的部分新功能与改进,请参阅官方公告页面以了解更多详细信息参考链接:https://www.infoq.com/news/2023/03/announcing-Type-5-beta/。

7 I0 w: S) p6 E3 T% `

https://medium.com/@caopengau/type-5-0-a-quick-demo-of-new-features-and-improvements-fbb841728ea相关阅读:

( K: g/ s; T5 `

20 个大前端必知领域之「Type」(https://www.infoq.cn/article/Xkg8kQ5weTgGm8CltxNZ)Type 与 Java:你应该知道的区别 (https://xie.infoq.cn/article/6ff79700fb3bfa972c1beebf3

# G, \- s/ x- j9 N, d

)系统学习 Type(一)——认识 Type(https://xie.infoq.cn/article/4e88dfe234519e435a8cd9183)未来可期的 Type(https://www.infoq.cn/article/UJi4x9fUcaw9fCJ52o8i

7 O% L- e. y% j

)声明:本文为 InfoQ 翻译,未经许可禁止转载点击底部阅读原文访问 InfoQ 官网,获取更多精彩内容!今日好文推荐可悲的现实,大部分技术领导者可能并不称职百度回应文心一言“套壳”质疑;TikTok在美经历生死时刻;IT外包行业面临最大规模裁员,埃森哲将暴力裁员1.9万人 | Q资讯。

* B' a8 ]5 ?5 n- s! D3 M

集成GPT-4的编程神器来了,GitHub发布Copilot X:编程30年,突然就不需要手敲代码了?!八年“老网红”Flink:揭秘实时流计算引擎全球化落地的演进历程返回搜狐,查看更多责任编辑:

- ~; L: b B) Q, i 3 [, N5 n! _+ g( m7 j* L% A 2 @: u' ~) h: M O6 d' e1 B) { L5 ^ + T4 J1 B# ]/ w- U
回复

使用道具 举报

shally 发表于 2026-03-14 16:44:52 | 显示全部楼层
内容很干货,没有多余的废话,值得反复看
回复 支持 反对

使用道具 举报

    您需要登录后才可以回帖 登录 | 加入怎通

    本版积分规则

    QQ|手机版|小黑屋|网站地图|真牛社区 ( 苏ICP备2023040716号-2 )

    GMT+8, 2026-4-3 17:10 , Processed in 0.244571 second(s), 26 queries , Gzip On.

    免责声明:本站信息来自互联网,本站不对其内容真实性负责,如有侵权等情况请联系420897364#qq.com(把#换成@)删除。

    Powered by Discuz! X3.5

    快速回复 返回顶部 返回列表