在 2025 收官前,看清 Data + AI 的真实走向,点击查看 BUILD 大会精华版 了解详情
写点什么

TypeScript 4.5 发布,带来 Promise 功能改进

  • 2021-11-19
  • 本文字数:1897 字

    阅读完需:约 6 分钟

TypeScript 4.5 发布,带来 Promise 功能改进

11 月 17 日,微软发布 TypeScript 4.5 正式版本,本次更新,带来大幅功能更新和性能改进,包括引入 Awaited 类型和 Promise 改进,用于增强异步编程、引入 es2022 模块、支持 Import 断言等。具体更新内容如下:

Awaited 类型与 Promise 改进

 

在此前的版本中,要获取 Promise 的返回类型,必须使用 infer 功能,如下所示:


type Unwrap<T> = T extends PromiseLike<infer U> ? U : T;const resultPromise = Promise.resolve(true);// resultUnwrapType is boolean type resultUnwrapType = Unwrap<typeof resultPromise>;
复制代码

 

TypeScript 4.5 引入了一种新的实用程序类型: Awaited 类型,你不需要像上面的 Unwarp 那样自定义映射类型,举例如下:


type resultUnwrapType = Awaited<typeof reAvailable only under nightly releasessultPromise>;
复制代码

 

该工具还有以下功能:

 

  • 递归解包

  • 不依赖 PromiseLike 更稳健

  • 利用 Awaited<T> ,为 Promise.allPromise.racePromise.allSettledPromise.any 增加重载

 

下面看一些不同的用例

// type is stringtype basic = Awaited<Promise<string>>;// type is stringtype recursive = Awaited<Promise<Promise<string>>>;// type is booleantype nonThenObj = Awaited<boolean>;// type is string | Datetype unions = Awaited<Date | Promise<Promise<string>>>;type FakePromise = { then: () => string };// type is nevertype fake = Awaited<FakePromise>;
复制代码

在 Nightly 版本支持  Node.js 运行 ECMAScript 模块

 

Node.js 的模块基础一直是 CommonJS,随着多态应用的转变,支持 ECMAScript 模块的要求也越来越高。过去几年时间里,Node.js 一直在努力支持运行 ECMAScript 模块。从 Node.js 12 版本开始,对 ES 模块的支持就很广泛了。

ES 模块带来了什么

 

  • 使用 import/export 语句语法

  • 顶级 await 可与 nodenext 一起使用

  • 因为现在有不同的模块策略 ES 模块相对导入需要完整的文件扩展名: import fade from ./utils.js

  • 一些全局关键字,如 require 在 ES 模块上不起作用

  • CommonJS 将转译 ES 特性,如 import/export 语法

 

目前该功能仅在 TypeScript Nightly 版本中可用。

node_modules 支持 lib

 

为了确保 TypeScript 和 JavaScript 能够开箱即用,TypeScript 捆绑了一系列声明文件(.d .ts 文件)。这些声明文件表示 JavaScript 语言中可用的 API 和标准的浏览器 DOM API。虽然根据文件目标有一些合理的默认值,但你可以通过在 tsconfig.json 中配置 lib 设置,来挑选程序使用哪些声明文件。

 

TypeScript 4.5 引入了一种覆盖特定内置库的方法,类似于 @types/support 的工作方式。在决定 TypeScript 应该包含哪些 lib 文件时,它首先会在 node_modules 中寻找一个有作用域的 @typescript/lib-* 包。例如,当在 lib 中包含 dom 选项时,TypeScript 会使用 node_modules/@typescript/lib-dom 中的类型。

 

然后可以安装一个特定的包来接管给定的库。例如,现在 TypeScript 在 @types/web 上发布 DOM API 版本。如果你想锁定你的项目到一个特定版本的 DOM API,可以添加这个到你的 package.json:

 

{ "dependencies": {    "@typescript/lib-dom": "npm:@types/web"  }}
复制代码

从 TypeScript 4.5 开始,依赖管理器的锁文件(lockfile)会确保使用的 DOM 类型的版本完全相同。

其他新特性:

 

  • 引入 es2022 模块:TypeScript 现在支持一个新的模块设置:es2022。es2022 模块的主要功能是顶层 await,意味着开发者可以在 async 函数之外使用 await。这在模块 esnext(以及现在的模块 nodenext)中已经得到支持,但 es2022 是这个功能的第一个稳定目标。

  • 模板字符串可以用作判断符:TypeScript 4.5 现在可以缩小具有模板字符串类型的值,并且还将模板字符串类型识别为判别式。

  • 新的代码段补全:TypeScript 4.5 带来了两个新的代码段补全,这些补全添加了一些默认文本,并允许开发人员可能通过标签查看想要调整的代码片段。

  • 支持 import 断言:TypeScript 4.5 支持 ECMAScript 关于导入断言的提议,这是运行时使用的一种语法,以确保导入有一个预期的格式。

  • 私有字段检查:开发人员现在可以编写一个具有 #private 字段成员的类,并使用 in 运算符查看另一个对象是否具有相同的字段,以用于检查对象上是否具有私有字段。

  • JSDoc 中的常量断言和默认类型参数

  • 更快的加载时间:对所有系统的 Node.js 引入 realpathSync.native 函数, 减少项目加载时间(Windows 少了 5-13%)。

  • 更好的编辑器支持:对未解析的类型会直接展示原名(之前版本是用 any 来代替未解析的类型)

 

参考链接:

 

https://devblogs.microsoft.com/typescript/announcing-typescript-4-5/

2021-11-19 11:215731

评论

发布
暂无评论
发现更多内容

从杀慢查询入手来预防 MySQL 雪崩的办法

Qunar技术沙龙

dba

注册域名后,怎么创建个人网站?

InfoQ IT百科

Carina 本地存储入选 CNCF 云原生全景图

BoCloud博云

开源 cncf 本地存储

App分发是什么意思?

InfoQ IT百科

TASKCTL 容器签出失败解决方法

敏捷调度TASKCTL

大数据 DevOps 分布式 ETL 自动化运维

如何部署自己的网站?

InfoQ IT百科

有哪些适合程序员用的笔记应用?

InfoQ IT百科

如何修改电脑文件格式?

InfoQ IT百科

主流的网站服务器架构有哪些?

InfoQ IT百科

目前WPS支持在哪些设备上使用?

InfoQ IT百科

TASKCTL 作业流程无触发设计

敏捷调度TASKCTL

大数据 DevOps 分布式 自动化部署 ETL任务

App怎么做灰度发布?

InfoQ IT百科

怎么做App分发?

InfoQ IT百科

Java篇-序列化与反序列化

是老郭啊

Java 对象 序列化 反序列化

如何优雅高效地管理公司文档?

小炮

文档 文档管理

阿里云 云效一站式研发平台

阿里云云效

阿里云 DevOps 云原生 研发 一站式研发平台

有哪些好用的代码编辑器?

InfoQ IT百科

现在常用的视频会议软件有哪些?

InfoQ IT百科

App能收集哪些个人信息?

InfoQ IT百科

Docker 实战教程之从入门到提高 (八)

汪子熙

Docker 容器 docker image 容器镜像 4月月更

怎么让网站在搜索结果中排更前?

InfoQ IT百科

如何添加字体?

InfoQ IT百科

一个WPS账号可以在多个设备同时登陆吗?

InfoQ IT百科

毕设:设计电商秒杀系统

王大胖

数据连接一切,开启融合数据云新时代——星环科技春季新品发布周盛大开启

星环科技

WPS有哪些隐藏的使用小技巧?

InfoQ IT百科

现在常用的在线协作文档软件有哪些?

InfoQ IT百科

WPS是什么软件?

InfoQ IT百科

移动App的设计流程是怎样的?

InfoQ IT百科

怎么做SEO网站优化?

InfoQ IT百科

TypeScript 4.5 发布,带来 Promise 功能改进_语言 & 开发_辛晓亮_InfoQ精选文章