09/13_Devlog


Firebase
TypeScript
および.tsxの違い
.tsは、純粋なタイプのスクリプトファイルに使用されます.
.tsxはJSXを含むファイルに使用されます.
stackoverflow.com
enum
Enumは抽象的な手段として用いられる.次の言語コードを指定する変数をstringタイプに設定すると、範囲が大きすぎます.
const code: string = 'en' //  'ko' | 'en' | 'ja' | 'zh' | 'es'
これにより、次のように複数の定数を指定できます.
const korean = 'ko'
const english = 'en'
const japanese = 'ja'
const chinese = 'zh'
const spanish = 'es'

type LanguageCode = 'ko' | 'en' | 'ja' | 'zh' | 'es'

const code: LanguageCode = korean
しかし、そういちいち言わなくても可読性を高めることができるのがenumだ.
export enum LanguageCode {
  korean = 'ko',
  english = 'en',
  japanese = 'ja',
  chinese = 'zh',
  spanish = 'es',
}

const code: LanguageCode = LanguageCode.korean
これらのenum自体は、使用オブジェクトまたは直接使用オブジェクトと以下の違いがあります.
1.enumの属性は自由に変更できません.
2.enumはliteralタイプをよく使用します.
3.enumの属性値は文字列または数値のみを許可します.
enumを使う場合をまとめます.
同じ「タイプ」を表す複数の数値または文字列を処理する必要がある場合、コードの可読性を向上させるために適切な名前を個別に命名したい場合はenumを使用します.
typeとインタフェースの違い
tslintのマニュアルを参照すると、Typeは文字タイプの値にのみ使用され、オブジェクトタイプを決定する場合はインタフェースを使用することが望ましい.
なぜTypeScript enumを使うのか