型のある言語でemptryなステータスはどのように表現するのでしょうか？

typescriptの勉強をしています。当方型のある言語を使うのは初めてでして、ユーザがアクションするまでの何もないコンポーネントをどのように書くのか正しいかわかりませんでした。

私が思いついた実装案は下記です。
(emptyなステータスを持つContentコンポーネントがあるとします。)

Contentを継承したEmptyContentみたいな型を定義する
Contentのidに 0などのダミー値をセットする

emtpryなステータス時にnullを許可してしまうと型安全ではないと考えて、今はダミー値をセットしてemtptyなステータスを実装しています。
ご意見をくださいm(_ _)m

行動規範の内容に同意します

回答1件

ベストアンサー

empty は素直に null（または undefined）を使うべきで、むしろ「ダミー値をセット」というのはやっちゃいけない行為になります。

例えば以下のコードですが、f() は必ず有効な Content の値を返すことになってるので、無条件で c1.name にアクセスできますが、g() は null かもしれないので c2.name にアクセスするには null チェックが必要になります。
これを、「id が 0 だったら無効なオブジェクトだから name にアクセスしてはいけない」という独自ルールを入れると、せっかくの TypeScript の型チェックが無意味になってしまいます。

TypeScript
1interface Content {
2  id: number;
3  name: string;
4}
5
6function f(): Content {
7  return { id: 1, name: 'foo' };
8}
9
10function g(): Content | null {
11  return null;
12}
13
14const c1 = f();
15console.log(c1.name);
16
17const c2 = g();
18if (c2 !== null) {
19  console.log(c2.name);
20}