TypeScript于5月12日发布了该年度的第二个版本。它是3.9版,现在是稳定版。在本文中,我将指出TypeScript 3.9的一些令人兴奋的新功能。
@ts-expect-error
让我们举一个例子,我们定义一个以两个字符串为参数的函数。
printName(firstName: string, lastName: string) { console.log(firstName); console.log(lastName); assert(typeof firstName === "string"); assert(typeof lastName === "string");}
通常,当TypeScript用户滥用此功能时,他们会得到一条有用的红色花样和一条错误消息,而JavaScript用户将断言它为错误。但是,如果我们编写一个单元测试来检查此功能,将会发生什么?
expect(() => { printName(1234, 5678); }).toThrow();
如果我们的测试是用TS编写的,则会引发如下错误:
printName(1234, 5678);// ~~~ // error: Type ‘number’ is not assignable to type ‘string’.
作为对此的解决方案,TypeScript 3.9版带来了一个新功能:// @ts-expect-error注释。如果我们在代码行之前将此注释作为前缀放置,TypeScript将不会报告错误。
但是,如果没有错误,TypeScript将告知我们的代码中有不必要的注释,如下所示:Unused '@ts-expect-error' directive。
此//@ts-expect-error注释的另一个用途是我们可以将其用作禁止注释。// @ts-ignore是一个现有的注释,用作抑制注释-两者之间的主要区别在于,// @ts-ignore如果下一行没有错误,它将通知您。
速度改进
对于早期版本的TypeScript,对于Material-UI之类的软件包的编译和编辑速度存在很多抱怨。
在新版本中,TypeScript开发团队通过优化涉及大型联合,相交,条件类型和映射类型的几种病理情况来解决此问题,并减少了Material-UI编译中40%的时间。此外,他们还致力于与Visual Studio Code等编辑器有关的文件重命名功能。
JavaScript中的CommonJS自动导入
以前,无论你使用哪种文件类型,TypeScript始终期望ECMAScript样式的导入。但是,大多数开发人员require(); 在编写JavaScript文件时都使用CommonJS样式的导入而不是ECMAScript样式的模块。
ECMAScript样式:import * as fs from "fs";
CommonJS样式:const fs = require("fs");
在最新版本中,TypeScript现在可以自动检测您正在使用的导入类型,以保持文件样式的整洁。
推断和改进 Promise.all
在3.7版中,TypeScript提出了对函数声明的更新,例如Promise.all和Promise.race。但是,此更新有一些并发症,因为当与null或混合使用时会引起回归undefined。下面给出一个例子。
interface Bird{
fly(): void
}
interface Fish{
singKissFromARose(): void
}
async function animalBehaviours(birdBehaviour: Promise<Bird>, fishBehaviour: Promise<Fish| undefined>) {
let [bird, fish] = await Promise.all([birdBehaviour, fishBehaviour]);
bird.fly();
// ~~~~
// Object is possibly ‘undefined’.
尽管fishBehaviour 是其中包含的一个undefined,但它也以某种方式影响了birdBehaviour 包含undefined。因此,TypeScript 3.9版本也解决了此问题。
代码操作保留新行
许多开发人员喜欢在单独的功能代码行之间保留新行,但是早期的TypeScript代码重构并未保留新行。它几乎删除了代码行之间的所有空白行。在最新版本中,TypeScript可以解决此问题,现在TypeScript代码重构在运行重构后可以在代码中保留新行。
缺少返回表达式的快速修复
有时我们可能会忘记在函数的末尾从函数返回值。因此,TypeScript现在提供了一种快速解决方案来添加缺失的return语句。
条件表达式中的未调用函数检查
在3.7版之后,TypeScript在if条件中检查未调用的函数,并报告错误。在3.9版中,此错误检查也进一步扩展到三元条件语句。
其他微小变化
除了这些更新之外,还有一些较小的更新变化,例如:
-
}与>现在的无效JSX文本字符
-
export * 被保留
-
获取器和设置器不再枚举
-
扩展的类型参数any 不再充当any
-
更多libdom.d.ts完善
总体而言,这些是我们在最新版本的TypeScript中可以看到的变化。因此,如果你是TypeScript爱好者,那么最好保持最新的更新,这可以使你的编码工作更轻松。