[解決済み] TypeScriptでクラスを角括弧「<>」で囲むとはどういう意味ですか?
2023-04-05 13:17:34
質問
私は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>{};
これが具体的にどういうことなのか、どのように考えたらいいのか、理解するのに苦労しています。
どなたか解説していただけませんか?
どのように解決するのですか?
というのは タイプアサーション またはキャスティングと呼ばれます。
これらは同じです。
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で、! (エクスクラメーションマーク/バン)演算子でメンバを再参照するのは?
-
[解決済み] JSONオブジェクトをTypeScriptのクラスにキャストする方法を教えてください。
-
[解決済み] Typescript は ?演算子をサポートしていますか?(そして、それは何と呼ばれているのでしょうか?)
-
[解決済み] ジェネリックスを使用したTypescriptのarrow関数の構文はどのようになっていますか?
-
[解決済み] タイプスクリプトのレコードタイプとは何ですか?
-
[解決済み] TypeScriptのクラス型チェック
-
[解決済み] Typescript のプリミティブ型:"number" と "Number" の違い(TSC は大文字と小文字を区別しない)?
-
[解決済み] タイプスクリプトのパイプ(|)の意味とは?
-
[解決済み] グローバルスコープの拡張は、外部モジュールまたはアンビエントモジュール宣言にのみ直接ネストすることができます(2669)
-
[解決済み] tsconfigの "target "と "module "を理解する。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] ts ES5/ES3の非同期関数やメソッドには、「Promise」コンストラクタが必要です。
-
[解決済み] ngForとAsync Pipe Angular 2でObservableオブジェクトから配列を利用する。
-
[解決済み] typescriptでmoment.jsをインポートするには?
-
[解決済み] TypeScriptで単一のプロパティをオプションにする
-
[解決済み] Typescript でエラーをスローする関数を宣言する方法
-
[解決済み] クラス内列挙型(TypeScript定義ファイル)
-
[解決済み] Angular2 canActivate() 非同期関数呼び出し
-
[解決済み] Angular2 - Http POST リクエストパラメータ
-
[解決済み] ジェネリック関数のTypescript ReturnType
-
[解決済み] Angular2でのenumに基づく選択