TypeScript 4.1 已正式发布。

使用以下命令通过 npm 获取：

npm install -D typescript

新版本带来了不少新功能：新的检查标志、提升编辑器效率和速度。

• 引入字符串模板类型

function setVerticalAlignment(pos: "top" | "middle" | "bottom") {
// ...
}
setVerticalAlignment("middel");
//                   ~~~~~~~~
// error: Argument of type '"middel"' is not assignable to
//        parameter of type '"top" | "middle" | "bottom"'.

• 在映射类型中加入键值重映射 (Key Remapping)

type Options = {
[K in "noImplicitAny" | "strictNullChecks" | "strictFunctionTypes"]?: boolean
};
// same as
//   type Options = {
//       noImplicitAny?: boolean,
//       strictNullChecks?: boolean,
//       strictFunctionTypes?: boolean
//   };

• 允许递归条件类型

type ElementType<T> =
T extends ReadonlyArray<infer U> ? ElementType<U> : T;
function deepFlatten<T extends readonly unknown[]>(x: T): ElementType<T>[] {
throw "not implemented";
}
// All of these return the type 'number[]':
deepFlatten([1, 2, 3]);
deepFlatten([[1], [2, 3]]);
deepFlatten([[1], [[2]], [[[3]]]]);

• 新增检查索引访问功能 noUncheckedIndexedAccess

interface Options {
path: string;
permissions: number;
// Extra properties are caught by this index signature.
[propName: string]: string | number;
}
function checkOptions(opts: Options) {
opts.path // string
opts.permissions // number
// These are all allowed too!
// They have the type 'string | number'.
opts.yadda.toString();
opts["foo bar baz"].toString();
opts[Math.random()].toString();
}

• 使用 paths 启用路径映射时可以不指定 baseUrl
• checkJs 现在默认意味着 allowJs ，不再需要同时设置 checkJs 和 allowJs
• 支持 React 17 的 jsx 和 jsxdev 功能
• 编辑器支持 JSDoc  @see Tag

// @filename: first.ts
export class C { }

// @filename: main.ts
import * as first from './first';

/**
 * @see first.C
 */
function related() { }

更多内容查看发布公告。

(文/开源中国)