TypeScript 2.7

优质

小牛编辑

140浏览

2023-12-01

完整的破坏性改动列表请到这里查看:breaking change issues.

元组现在具有固定长度的属性

以下代码用于没有编译错误：

var pair: [number, number] = [1, 2];
var triple: [number, number, number] = [1, 2, 3];
pair = triple;

但是，这是一个错误：

triple = pair;

现在，相互赋值是一个错误。这是因为元组现在有一个长度属性，其类型是它们的长度。所以pair.length: 2，但是triple.length: 3。

请注意，之前允许某些非元组模式，但现在不再允许：

const struct: [string, number] = ['key'];
for (const n of numbers) {
  struct.push(n);
}

对此最好的解决方法是创建扩展Array的自己的类型：

interface Struct extends Array<string | number> {
  '0': string;
  '1'?: number;
}
const struct: Struct = ['key'];
for (const n of numbers) {
  struct.push(n);
}

在`allowSyntheticDefaultImports`下，对于TS和JS文件来说默认导入的类型合成不常见

在过去，我们在类型系统中合成一个默认导入，用于TS或JS文件，如下所示：

export const foo = 12;

意味着模块的类型为{foo: number, default: {foo: number}}。这是错误的，因为文件将使用__esModule标记发出，因此在加载文件时没有流行的模块加载器会为它创建合成默认值，并且类型系统推断的default成员永远不会在运行时存在。现在我们在ESModuleInterop标志下的发出中模拟了这个合成默认行为，我们收紧了类型检查器的行为，以匹配你期望在运行时所看到的内容。如果运行时没有其他工具的介入，此更改应仅指出错误的错误默认导入用法，应将其更改为命名空间导入。

更严格地检查索引访问泛型类型约束

以前，仅当类型具有索引签名时才计算索引访问类型的约束，否则它是any。这样就可以取消选中无效赋值。在TS 2.7.1中，编译器在这里有点聪明，并且会将约束计算为此处所有可能属性的并集。

interface O {
    foo?: string;
}

function fails<K extends keyof O>(o: O, k: K) {
    var s: string = o[k]; // Previously allowed, now an error
                          // string | undefined is not assignable to a string
}

`in`表达式被视为类型保护

对于n in x表达式，其中n是字符串文字或字符串文字类型而x是联合类型，"true"分支缩小为具有可选或必需属性n的类型，并且 "false"分支缩小为具有可选或缺少属性n的类型。如果声明类型始终具有属性n，则可能导致在false分支中将变量的类型缩小为never的情况。

var x: { foo: number };

if ("foo" in x) {
    x; // { foo: number }
}
else {
    x; // never
}

在条件运算符中不减少结构上相同的类

以前在结构上相同的类在条件或||运算符中被简化为最佳公共类型。现在这些类以联合类型维护，以便更准确地检查instanceof运算符。

class Animal {

}

class Dog {
    park() { }
}

var a = Math.random() ? new Animal() : new Dog();
// typeof a now Animal | Dog, previously Animal

`CustomEvent`现在是一个泛型类型

CustomEvent现在有一个details属性类型的类型参数。如果要从中扩展，则需要指定其他类型参数。

class MyCustomEvent extends CustomEvent {
}

应该成为

class MyCustomEvent extends CustomEvent<any> {
}