【TS】TypeScript ～ 型エイリアス (Type Alias) ～

TypeScript

■ はじめに

https://dk521123.hatenablog.com/entry/2022/03/23/233512
https://dk521123.hatenablog.com/entry/2022/03/13/000000
https://dk521123.hatenablog.com/entry/2021/03/17/005906

などで、ちょくちょくでてきた type について
よく使うので、まとめる。

目次

【０】実行環境
【１】型エイリアス (Type Alias)
【２】サンプル

【０】実行環境

* ブラウザで実行できる

https://www.typescriptlang.org/play

【１】型エイリアス (Type Alias)

* 型に別名を付ける
 => ちょっとしたクラス定義にも使えて便利

【２】サンプル

type Args = {
  readonly val1: string;
  readonly val2: string;
  readonly val3: string;
}

function method(args: Args): void {
  console.log(`val1 = ${args.val1}`)
  console.log(`val2 = ${args.val2}`)
  console.log(`val3 = ${args.val3}`)
}

const args: Args = {
  val1: 'hello',
  val2: 'world',
  val3: '!!!',
};

method(args)

参考文献

https://typescript-jp.gitbook.io/deep-dive/type-system#eiriasutype-alias

関連記事

TypeScript ～ 入門編 ～
https://dk521123.hatenablog.com/entry/2020/12/21/180904
TypeScript ～ 基本編 ～
https://dk521123.hatenablog.com/entry/2021/02/15/000000
TypeScript ～ export / import ～
https://dk521123.hatenablog.com/entry/2022/03/23/233512
TypeScript ～ クラス / インターフェイス ～
https://dk521123.hatenablog.com/entry/2022/03/13/000000
Enum / Union / const assertion
https://dk521123.hatenablog.com/entry/2021/03/17/005906