Redian新闻
>
TypeScript 5.0 现已发布:全新的装饰器,速度、内存和包大小优化

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

公众号新闻

作者 | Oghenevwede Emeni,Peng Cao
译者 | 核子可乐
策划 | 丁晓昀

微软在上周发布了 TypeScript 5.0 beta 版本,希望在助其瘦身之余简化使用方式、加快运行速度。此次公布的 beta 版还引入新的装饰器标准,使用户能够以可重用的方式自定义类及其成员。

相对于 TypeScript 4.9 在速度和大小方面的提升:

此次 beta 版的一大亮点,在于合并了新的装饰器标准,使用户能够以可重用的方式自定义类及其成员。TypeScript 项目经理 Daniel Rosenwasser 最近在官方博客上写道,这些实验性的装饰器非常重要,在支持旧版本装饰器的同时将可选编译器标志—experimentalDecorators 设为始终启用。Rosenwasser 表示,很多一直在用 --experimentalDecorators 的开发者已经意识到,之前在 TypeScript 中使用装饰器却不启用此标志,均会产生错误消息。

Rosenwasser 还谈到 TypeScript 中关于 enums 的老问题,5.0 beta 版如何解决其中部分问题,同时减少了声明各类 enums 时所需理解的概念数量。

TypeScript 属于开源编程语言加 JavaScript 的一个超集,以 JavaScript 为基础并实现了功能扩展,目前由微软负责开发和维护。

TypeScript 5.0 中的新装饰器提案允许开发者编写出更清晰、更易于维护的代码,并能够以可重用的方式自定义类及其成员。虽然新的装饰器与 --emitDecoratorMetadata 不兼容且不支持参数装饰,但微软预计后续推出的 ECMAScript 提案有望解决这些限制。

除了新的装饰器提案之外,TypeScript 5.0 还引入多项改进,例如对构造函数中的参数装饰器进行更精确的类型检查、const 注释,以及允许 extends 字段获取多个条目的能力等。

TypeScript 5.0 版本还提供新的模块解析选项、性能增强和更详尽的 switch/case 补全功能。

TypeScript 以 ECMAScript 2018 为目标,因此 Node.js 用户至少需要使用 Node.js 10 或更高的版本。

要使用此 beta 版本,可以通过 NuGet 或者以下 npm 命令获取:

npm install typescript@beta
TypeScript 5.0 新功能与改进快速演示

这里我们具体探究一些新功能,并通过代码示例帮助大家开启 TypeScript 5.0 之旅。

1. 所有 Enums 均为 union enums

TypeScript 5.0 引入一项新功能,其中所有 enum 均为 union enum。这意味着每个 enum 成员现在都有自己的唯一类型,即使是由函数调用初始化的也不例外。以往,如果是通过函数调用初始化的 enum 成员,则 TypeScript 会使用旧的 enum 策略并导致 union 和字面量类型的优势失效。在新功能的支持下,开发者现可缩小所有 enum 范围,并将其成员作为类型来引用。

enum E {  A = 'a',  B = 'b',  C = Math.random() > 0.5 ? 'c' : 'd'}type EKeys = keyof typeof E; // 'A' | 'B' | 'C'type EValues = typeof E[keyof typeof E]; // 'a' | 'b' | 'c' | 'd'function f(e: E) {  switch (e) {    case E.A:      // This block is only executed if `e` is `'a'`      break;    case E.B:      // This block is only executed if `e` is `'b'`      break;    case E.C:      // This block is only executed if `e` is either `'c'` or `'d'`      break;  }}

在以上示例中,enum E 具有 3 个成员,其中 E.C 使用函数调用通过三元运算符进行初始化。借助 TypeScript 5.0 中的新功能,所有 enum 成员都拥有自己的独特类型。在这里,E.C 具有’c’ | 'd’类型,而不再像旧版本中那样具有 string 类型。f 函数则使用 switch 语句将 e 的类型缩小为 enum 成员之一,从而实现更好的类型检查和推断。

2. 从构造函数推断类属性

TypeScript 5.0 引入了将 const 修饰符添加至类型参数声明的功能,也就是默认做 const-like 推断。这项功能非常适合那些需要具体类型,而 TypeScript 已经推断出较通用类型的场景。以往,为了实现 const-like 推断,开发者需要在某些位置添加“as const”。Const 修饰符会影响调用中编写的对象、数组和原始表达式的推断,但不会拒绝可变值、或者说需要不可变约束。因此,开发者必须牢记 const 修饰符的行为以确保正确使用。

type HasNames = { readonly names: string[] };function getNamesExactly<const T extends HasNames>(arg: T): T['names'] {  return arg.names;}// Inferred type: readonly ["Alice", "Bob", "Eve"]const names = getNamesExactly({ names: ["Alice", "Bob", "Eve"] } as const);

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

在 TypeScript 5.0 之前,arg.names 的推断类型为 string[],但如果我们需要的是 readonly string[],则需要在调用函数时使用 as const 进行断言。

而在 TypeScript 5.0 中,我们可以将 const 修饰符添加至类型参数声明当中,借此默认进行 const-like 推断。这样就能在调用中省略 as const 断言,且仍然推断出更具体的 readonly string[] 类型。

3. 详尽的 switch/case 补全

在编写 switch 语句时,TypeScript 现在可以检测被检查的值是否具有字面类型。如果是,则通过补全对每个未发现的 case 做 scaffold out。

可以在 GitHub 上(https://github.com/microsoft/TypeScript/pull/50996)参阅具体实现。

4. 支持 export type *

TypeScript 5.0 提供新的“导出类型”功能,能够在重新导出的语句中添加对仅类型导入的支持,例如 export from “module” 和 export * as ns from “module”。

示例为从 vehicles.ts 模块导出的 Spaceship 类,之后使用 export type * as vehicles from "./vehicles"在 models/index.ts 模块中进行重新导出。在 main.ts 当中,重新导出的 vehicles 命名空间被导入,并用于对 takeASpaceship 函数中的参数进行类型检查。但请注意,在 makeASpaceship 函数中创建新的 Spaceship 对象会导致错误,因为 vehicles 命名空间是作为仅类型导入进行导出的,不可用作值。

// models/vehicles.tsexport class Spaceship {  // ...}// models/index.tsexport type * as vehicles from "./vehicles";// main.tsimport { vehicles } from "./models";function takeASpaceship(s: vehicles.Spaceship) {  // ok - `vehicles` only used in a type position}function makeASpaceship() {  return new vehicles.Spaceship(); // Error: 'vehicles' cannot be used as a value because it was exported using 'export type'.}
5. 多配置扩展

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

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

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

这就为多个配置文件的管理带来更大的灵活性,可通过多个文件扩展并轻松控制字段优先级。

6. 性能提升

TypeScript 5.0 提供多项性能改进,包括更快的对象类型索引和经过优化的条件类型推断。

以上只是 TypeScript 5.0 的部分新功能与改进,请参阅官方公告页面以了解更多详细信息。

参考链接:

https://www.infoq.com/news/2023/03/announcing-TypeScript-5-beta/

https://medium.com/@caopengau/typescript-5-0-a-quick-demo-of-new-features-and-improvements-fbb841728ea

相关阅读:

20 个大前端必知领域之「TypeScript」(https://www.infoq.cn/article/Xkg8kQ5weTgGm8CltxNZ )

TypeScript 与 JavaScript:你应该知道的区别 (https://xie.infoq.cn/article/6ff79700fb3bfa972c1beebf3 )

系统学习 TypeScript(一)——认识 TypeScript(https://xie.infoq.cn/article/4e88dfe234519e435a8cd9183 )

未来可期的 TypeScript(https://www.infoq.cn/article/UJi4x9fUcaw9fCJ52o8i )

声明:本文为 InfoQ 翻译,未经许可禁止转载。

点击底部阅读原文访问 InfoQ 官网,获取更多精彩内容!

今日好文推荐

可悲的现实,大部分技术领导者可能并不称职

百度回应文心一言“套壳”质疑;TikTok在美经历生死时刻;IT外包行业面临最大规模裁员,埃森哲将暴力裁员1.9万人 | Q资讯

集成GPT-4的编程神器来了,GitHub发布Copilot X:编程30年,突然就不需要手敲代码了?!

八年“老网红”Flink:揭秘实时流计算引擎全球化落地的演进历程

微信扫码关注该文公众号作者

戳这里提交新闻线索和高质量文章给我们。
相关阅读
MBTA取消全线速度限制!但绿线区域仍然限速,速度慢得惊人!弃用 Electron,微软重新设计 Microsoft Teams:速度提升 2 倍,内存减少 50%有时我担心我的代码会让 TypeScript 开发者愤怒地退出涨点神器!超越Adam!谷歌提出Lion炼丹优化器,内存更小、效率更高!全面碾压AdamW!谷歌新出优化器内存小、效率高,网友:训练GPT 2果然快“TypeScript不值得!”前端框架Svelte作者宣布重构代码,反向迁移到JavaScript引争议H50-50 Desktop (Lenovo) - Type 90B6 (i3 4460/8gram/250g ssd/wifiCotton On Typo Frenzy促销:全场30%-70%折扣!线上专享活动2023年宏观经济展望读书人的志向私影像 | 疼痛度、温度、态度音视频业务挑战与优化实践,MXPlayer在线播放优化,数据分析与播放器优化H50-50 Desktop (Lenovo) - Type 90B6 (i5 4460/8gram/1t hdd/wifi/为了不上Type-C,苹果竟然要砍掉iPhone的充电口?!我发现了一个,审美很在线的装饰画网站,好好看Chinese City Creates Single Residents’ Database for MatchmakingChinese Climbers Scale Everest, Tragedy and Daring Rescue EnsuePrompt Engineer也保不住工作了!Midjourney发布图片生成Prompt功能“Describe”碳储存和氢:天作之合?不再猜tslaTypeScript 5.0 发布硬核观察 #930 TypeScript 5.0 即将完成,抢跑装饰器功能苹果iPhone 15 Pro Max最新机模上手:Type-C接口、边框更窄明基 27 英寸 4K 显示器 PD2706U 上架:支持 90W Type-C 反向充电,4599 元麻州超市特价周报!昆市周末时装饰物展销:围巾、丝巾、旗袍、外套、长短厚薄丝袜裤、内衣裤、睡服、花瓶、毛毯、毛巾、毛巾被、方枕套微信,转发,朋友圈以及公众号认真看!轻度、中度、重度高血压患者的运动建议不同!Jiangsu City Punishes Property Developers For Selling Cheaply前端框架Svelte放弃TypeScript,JS赢!前端框架 Svelte 放弃 TypeScript,JS 赢!2022 JavaScript调查:TypeScript持续主导,Vite和Tauri大受欢迎迈向一亿美元的旅程 2022 投资总结上了C口也加密?曝苹果自研 Type-C MFI 芯片介乎生存和生活之间:对话《我在北京送快递》作者胡安焉 | 劳动节程序员危!传OpenAI全球招外包大军,手把手训练ChatGPT取代码农
logo
联系我们隐私协议©2024 redian.news
Redian新闻
Redian.news刊载任何文章,不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。文章信息的合法性及真实性由其作者负责,与Redian.news及其运营公司无关。欢迎投稿,如发现稿件侵权,或作者不愿在本网发表文章,请版权拥有者通知本网处理。