web-dev-qa-db-ja.com

TypeScriptでクラスを山かっこ「<>」で囲むとどうなりますか？

私は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>{};

これが正確に何を意味するのか、それをどう考え、理解するのかを理解するのに苦労しています。

誰かが私にそれを説明してもらえますか？

typescriptbrackets
36
davejoem

それは Type Assertion またはcastと呼ばれます。

これらは同じです：

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> {};

同じことをします

52
Nitzan Tomer

これは Type Assertion と呼ばれます。

Basaratの「TypeScript Deep Dive」 、または 公式TypeScriptハンドブック で読むことができます。

5
James Monger