在 TypeScript 中，将 class 括在尖括号“<>”中意味着什么？

Question

我是 TypeScript 的新手，我非常喜欢它，尤其是在 Javascript 中做 OOP 是多么容易。但是，在使用尖括号时，我一直在尝试弄清楚语义。

从他们的文档中，我看到了几个例子，例如

interface Counter {
  (start: number): string;
  interval: number;
  reset(): void;
}

function getCounter(): Counter {
  let counter = <Counter>function (start: number) { };
  counter.interval = 123;
  counter.reset = function () { };
  return counter;
}

和

interface Square extends Shape, PenStroke {
  sideLength: number;
}
  
let square = <Square>{};

我无法理解这到底是什么意思或思考方式 of/understand。

有人可以给我解释一下吗？

Answer 1

这叫做Type Assertion。

您可以在 Basarat's "TypeScript Deep Dive", or in the official TypeScript handbook 中阅读它。

您也可以观看此 YouTube video 以获得精彩的介绍。

Answer 2

这叫做 Type Assertion 或铸造。

这些是相同的：

let square = <Square>{};
let square = {} as Square;

示例：

interface Props {
    x: number;
    y: number;
    name: string;
}

let a = {};
a.x = 3; // error: Property 'x' does not exist on type `{}`

所以你可以这样做：

let a = {} as Props;
a.x = 3;

或：

let a = <Props> {};

哪个会做同样的事情

在 TypeScript 中，将 class 括在尖括号“<>”中意味着什么？

What does enclosing a class in angle brackets "<>" mean in TypeScript?

brackets

typescript